diff --git a/src/components/common/AutoGrowTextArea.tsx b/src/components/common/AutoGrowTextArea.tsx
index 945f8d8af..51432883f 100644
--- a/src/components/common/AutoGrowTextArea.tsx
+++ b/src/components/common/AutoGrowTextArea.tsx
@@ -1,6 +1,8 @@
-import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import 'overlayscrollbars/styles/overlayscrollbars.css';
+
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
@@ -17,12 +19,11 @@ import {
   COMPOSITION_START_COMMAND,
   INSERT_LINE_BREAK_COMMAND,
   KEY_ENTER_COMMAND,
-  PASTE_COMMAND,
   type LexicalEditor,
+  PASTE_COMMAND,
 } from 'lexical';
 import type { PartialOptions } from 'overlayscrollbars';
 import { useOverlayScrollbars } from 'overlayscrollbars-react';
-import 'overlayscrollbars/styles/overlayscrollbars.css';
 import {
   type CSSProperties,
   useCallback,
@@ -309,7 +310,7 @@ export function AutoGrowTextArea({
       },
     }),
     // LexicalComposer intentionally reads its initial configuration once.
-    [],
+    [disabled, readOnly],
   );
   const resolvedClassName = [
     'auto-grow-text-area',