diff --git a/web/src/lib/actions/autogrow.ts b/web/src/lib/actions/autogrow.ts
index 0e6dec8e81..ed7fe96b24 100644
--- a/web/src/lib/actions/autogrow.ts
+++ b/web/src/lib/actions/autogrow.ts
@@ -1,4 +1,3 @@
-import { tick } from 'svelte';
 import type { Action } from 'svelte/action';
 
 type Parameters = {
@@ -6,14 +5,19 @@ type Parameters = {
   value: string; // added to enable reactivity
 };
 
-export const autoGrowHeight: Action<HTMLTextAreaElement, Parameters> = (textarea, { height = 'auto' }) => {
-  const update = () => {
-    void tick().then(() => {
-      textarea.style.height = height;
-      textarea.style.height = `${textarea.scrollHeight}px`;
-    });
+export const autoGrowHeight: Action<HTMLTextAreaElement, Parameters> = (textarea) => {
+  const resize = () => {
+    textarea.style.minHeight = '0';
+    textarea.style.height = 'auto';
+    textarea.style.height = `${textarea.scrollHeight}px`;
   };
 
-  update();
-  return { update };
+  resize();
+  textarea.addEventListener('input', resize);
+  return {
+    update: resize,
+    destroy() {
+      textarea.removeEventListener('input', resize);
+    },
+  };
 };
diff --git a/web/src/lib/components/asset-viewer/activity-viewer.svelte b/web/src/lib/components/asset-viewer/activity-viewer.svelte
index d688b2e9dd..9d70831080 100644
--- a/web/src/lib/components/asset-viewer/activity-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/activity-viewer.svelte
@@ -248,7 +248,8 @@
             <textarea
               {disabled}
               bind:value={message}
-              use:autoGrowHeight={{ height: '5px', value: message }}
+              rows="1"
+              use:autoGrowHeight={{ value: message }}
               placeholder={disabled ? $t('comments_are_disabled') : $t('say_something')}
               use:shortcut={{
                 shortcut: { key: 'Enter' },
diff --git a/web/src/lib/components/shared-components/autogrow-textarea.svelte b/web/src/lib/components/shared-components/autogrow-textarea.svelte
index ac0255f4e1..617880f275 100644
--- a/web/src/lib/components/shared-components/autogrow-textarea.svelte
+++ b/web/src/lib/components/shared-components/autogrow-textarea.svelte
@@ -26,6 +26,7 @@
   class="resize-none {className}"
   onfocusout={updateContent}
   {placeholder}
+  rows="1"
   use:shortcut={{
     shortcut: { key: 'Enter', ctrl: true },
     onShortcut: (e) => e.currentTarget.blur(),