From b8eb38cdc99dfb8b89e5adcdc30e80ffc3ec53d5 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Fri, 4 Jun 2021 18:41:14 +0530
Subject: [PATCH] Fix for overlapping hover outline of widgets

---
 frontend/src/Editor/DraggableBox.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index 5b147816c1..f581791f1f 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -134,7 +134,7 @@ export const DraggableBox = function DraggableBox({
   }, [layoutData.height, layoutData.width, layoutData.left, layoutData.top, currentLayout]);
 
   function scaleWidth(width, scaleValue) { 
-    let newWidth = width * scaleValue + 6;
+    let newWidth = width * scaleValue;
 
     if(currentLayout === 'desktop') return newWidth;
 
@@ -145,7 +145,7 @@ export const DraggableBox = function DraggableBox({
         ...currentLayoutOptions,
         left: currentLayoutOptions.left - diff
       });
-      
+
       return width;
     }
 
@@ -165,7 +165,7 @@ export const DraggableBox = function DraggableBox({
           
           <Rnd
             style={{ ...style }}
-            size={{ width: scaleWidth(currentLayoutOptions.width, scaleValue),  height: currentLayoutOptions.height + 6}}
+            size={{ width: scaleWidth(currentLayoutOptions.width, scaleValue) + 6,  height: currentLayoutOptions.height + 6}}
             position={{ x: currentLayoutOptions ? currentLayoutOptions.left : 0, y: currentLayoutOptions ? currentLayoutOptions.top : 0 }}
             defaultSize={{}}
             className={`resizer ${mouseOver ? 'resizer-active' : ''}`}