diff --git a/web/src/ui/composer/MessageComposer.tsx b/web/src/ui/composer/MessageComposer.tsx
index 34f9bad..c408b64 100644
--- a/web/src/ui/composer/MessageComposer.tsx
+++ b/web/src/ui/composer/MessageComposer.tsx
@@ -278,11 +278,9 @@ const MessageComposer = () => {
 			input.selectionStart !== input.selectionEnd
 			&& (text.startsWith("http://") || text.startsWith("https://") || text.startsWith("matrix:"))
 		) {
-			setState({
-				text: `${state.text.slice(0, input.selectionStart)}[${
-					escapeMarkdown(state.text.slice(input.selectionStart, input.selectionEnd))
-				}](${escapeMarkdown(text)})${state.text.slice(input.selectionEnd)}`,
-			})
+			document.execCommand("insertText", false, `[${
+				escapeMarkdown(state.text.slice(input.selectionStart, input.selectionEnd))
+			}](${escapeMarkdown(text)})`)
 		} else {
 			return
 		}