From a360fdda74830f6fba4967e8e06a2723d30735ff Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Sun, 5 Sep 2021 13:29:57 +0530
Subject: [PATCH] Fix incorrect checkbox padding

---
 frontend/src/Editor/Components/Checkbox.jsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/frontend/src/Editor/Components/Checkbox.jsx b/frontend/src/Editor/Components/Checkbox.jsx
index 873b24c53d..a06b4e9725 100644
--- a/frontend/src/Editor/Components/Checkbox.jsx
+++ b/frontend/src/Editor/Components/Checkbox.jsx
@@ -38,18 +38,16 @@ export const Checkbox = function Checkbox({
 
   return (
     <div className="row" style={{ width, height, display:parsedWidgetVisibility ? '' : 'none' }} onClick={event => {event.stopPropagation(); onComponentClick(id, component)}}>
-      <div className="col py-1">
-        <label className="form-check form-check-inline">
-          <input
-            className="form-check-input"
-            type="checkbox"
-            onClick={(e) => {
-              toggleValue(e);
-            }}
-          />
-          <span className="form-check-label" style={{color: textColor}}>{label}</span>
+      <label className="my-auto mx-2 form-check form-check-inline">
+        <input
+          className="form-check-input"
+          type="checkbox"
+          onClick={(e) => {
+            toggleValue(e);
+          }}
+        />
+        <span className="form-check-label" style={{color: textColor}}>{label}</span>
       </label>
-      </div>
     </div>
   );
 };