diff --git a/frontend/src/components/editor-page/splitter/splitter.module.scss b/frontend/src/components/editor-page/splitter/splitter.module.scss
index ddc743668..2c34e5d82 100644
--- a/frontend/src/components/editor-page/splitter/splitter.module.scss
+++ b/frontend/src/components/editor-page/splitter/splitter.module.scss
@@ -14,6 +14,12 @@
   flex-direction: column;
 }
 
+.resizing {
+  .left, .right {
+    user-select: none;
+  }
+}
+
 .move-overlay {
   position: absolute;
   height: 100%;
diff --git a/frontend/src/components/editor-page/splitter/splitter.tsx b/frontend/src/components/editor-page/splitter/splitter.tsx
index 8fed39793..2e7fd6ad4 100644
--- a/frontend/src/components/editor-page/splitter/splitter.tsx
+++ b/frontend/src/components/editor-page/splitter/splitter.tsx
@@ -135,7 +135,11 @@ export const Splitter: React.FC<SplitterProps> = ({ additionalContainerClassName
   useKeyboardShortcuts(setRelativeSplitValue)
 
   return (
-    <div ref={splitContainer} className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}`}>
+    <div
+      ref={splitContainer}
+      className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}${
+        resizingInProgress ? ' ' + styles.resizing : ''
+      }`}>
       <ShowIf condition={resizingInProgress}>
         <div
           className={styles['move-overlay']}