diff --git a/src/cloud/components/Editor/index.tsx b/src/cloud/components/Editor/index.tsx
index 639530cb0..b0c6a2b0c 100644
--- a/src/cloud/components/Editor/index.tsx
+++ b/src/cloud/components/Editor/index.tsx
@@ -811,6 +811,16 @@ const Editor = ({
     }
   }, [editorLayout])
 
+  useEffect(() => {
+    if (editorRef.current == null) {
+      return
+    }
+
+    window.requestAnimationFrame(() => {
+      editorRef.current?.refresh()
+    })
+  }, [preferences.docContextMode])
+
   useEffect(() => {
     focusEditorEventEmitter.listen(focusEditor)
     return () => {