From 1da6049ee6d87711df6cea412fef58a70a66d863 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Thu, 23 Sep 2021 13:43:41 +0530
Subject: [PATCH] Minor changes

---
 frontend/src/Editor/BoxDragPreview.jsx | 5 ++++-
 frontend/src/Editor/Container.jsx      | 2 +-
 frontend/src/Editor/DraggableBox.jsx   | 6 +++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Editor/BoxDragPreview.jsx b/frontend/src/Editor/BoxDragPreview.jsx
index 608feb3b28..4a765fada3 100644
--- a/frontend/src/Editor/BoxDragPreview.jsx
+++ b/frontend/src/Editor/BoxDragPreview.jsx
@@ -20,7 +20,10 @@ export const BoxDragPreview = memo(function BoxDragPreview({ item, currentLayout
   }
 
   return (
-    <div style={{ height, width, border: 'solid 1px rgb(70, 165, 253)' }}>
+    <div
+      className="resizer-active draggable-box"
+      style={{ height, width, border: 'solid 1px rgb(70, 165, 253)', padding: '2px' }}
+    >
       <div
         style={{
           background: '#438fd7',
diff --git a/frontend/src/Editor/Container.jsx b/frontend/src/Editor/Container.jsx
index 832a24ded0..2dfdbd1378 100644
--- a/frontend/src/Editor/Container.jsx
+++ b/frontend/src/Editor/Container.jsx
@@ -208,7 +208,7 @@ export const Container = ({
     width = width + deltaWidth;
     height = height + deltaHeight;
 
-    [width, height] = doSnapToGrid(width, height)
+    // [width, height] = doSnapToGrid(width, height)
 
     let newBoxes = {
       ...boxes,
diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index dd1f4c5ac2..aae1a5bde8 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -181,7 +181,7 @@ export const DraggableBox = function DraggableBox({
         >
           <Rnd
             style={{ ...style }}
-            resizeGrid={[30,10]}
+            resizeGrid={[30, 10]}
             size={{
               width: scaleWidth(currentLayoutOptions.width, scaleValue) + 6,
               height: currentLayoutOptions.height + 6,
@@ -192,10 +192,10 @@ export const DraggableBox = function DraggableBox({
             }}
             defaultSize={{}}
             className={`resizer ${isSelectedComponent && !mouseOver ? 'resizer-selected' : ''} ${
-              mouseOver || isResizing ? 'resizer-active' : ''
+              isSelectedComponent ? 'resizer-active' : ''
             } `}
             onResize={() => setResizing(true)}
-            resizeHandleClasses={mouseOver ? resizerClasses : {}}
+            resizeHandleClasses={isSelectedComponent ? resizerClasses : {}}
             resizeHandleStyles={resizerStyles}
             disableDragging={true}
             enableResizing={mode === 'edit'}