From 9bffacb779a9bc71e304d5909e22af4a340dee16 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Sun, 25 Apr 2021 12:06:56 +0530
Subject: [PATCH] Fix for react-dnd not working properly on firefox

---
 frontend/src/Editor/Box.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Box.jsx b/frontend/src/Editor/Box.jsx
index 31828eedfe..64374ccb15 100644
--- a/frontend/src/Editor/Box.jsx
+++ b/frontend/src/Editor/Box.jsx
@@ -65,10 +65,11 @@ export const Box = function Box({ id, mode, width, height, yellow, preview, comp
                 </ComponentToRender>
             :
                 <div className="row p-1 m-1" style={{cursor: 'move'}}>
-                    <div className="col-md-3 component-image-holder">
-                        <center><img src={component.icon}/></center>
+                    <div className="col-auto component-image-holder p-3">
+                           <div style={{width: '20px', height: '20px', backgroundSize: 'contain', backgroundImage: `url(${component.icon})`}}>
+                           </div>
                     </div>
-                    <div className="col-md-9">
+                    <div className="col">
                         <span className="component-title" >{component.displayName}</span>
                         <small className="component-description">{component.description}</small>
                     </div>