diff --git a/frontend/src/Editor/Components/Modal.jsx b/frontend/src/Editor/Components/Modal.jsx
index cb4a4605c0..5ec6d2c730 100644
--- a/frontend/src/Editor/Components/Modal.jsx
+++ b/frontend/src/Editor/Components/Modal.jsx
@@ -45,11 +45,13 @@ export const Modal = function Modal({
         animation={false}
         onEscapeKeyDown={() => showModal(false)}
       >
-        <ConfigHandle 
-          id={id} 
-          component={component}
-          configHandleClicked={containerProps.onComponentClick}
-        /> 
+        {containerProps.mode === 'edit' && 
+          <ConfigHandle 
+            id={id} 
+            component={component}
+            configHandleClicked={containerProps.onComponentClick}
+          /> 
+        }
         <BootstrapModal.Header>
           <BootstrapModal.Title>
             {title}