diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index aae1a5bde8..cc60b9c08f 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -192,10 +192,10 @@ export const DraggableBox = function DraggableBox({
             }}
             defaultSize={{}}
             className={`resizer ${isSelectedComponent && !mouseOver ? 'resizer-selected' : ''} ${
-              isSelectedComponent ? 'resizer-active' : ''
+              mouseOver || isResizing || isSelectedComponent ? 'resizer-active' : ''
             } `}
             onResize={() => setResizing(true)}
-            resizeHandleClasses={isSelectedComponent ? resizerClasses : {}}
+            resizeHandleClasses={isSelectedComponent || mouseOver ? resizerClasses : {}}
             resizeHandleStyles={resizerStyles}
             disableDragging={true}
             enableResizing={mode === 'edit'}