From 3ad6e6b6178ece336b88e4c9e3bcaf1f8ba6f448 Mon Sep 17 00:00:00 2001
From: Navaneeth Pk <navaneeth@tooljet.io>
Date: Fri, 20 Aug 2021 23:06:11 +0530
Subject: [PATCH] Fix the default margins of toggle switch widget (#568)

---
 frontend/src/Editor/Components/Toggle.jsx    | 2 +-
 frontend/src/Editor/Components/components.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Components/Toggle.jsx b/frontend/src/Editor/Components/Toggle.jsx
index 21e8537b31..412527f416 100644
--- a/frontend/src/Editor/Components/Toggle.jsx
+++ b/frontend/src/Editor/Components/Toggle.jsx
@@ -47,7 +47,7 @@ export const ToggleSwitch = ({
   const toggle = () => setOn(!on)
 
   return (
-    <div className="row" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
+    <div className="row  py-1" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
         <span className="form-check-label form-check-label col-auto" style={{color: textColor}}>{label}</span>
         <div className="col">
           <Switch on={on} onClick={toggle} onChange={toggleValue} />
diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index f171de93eb..0d2d0153c9 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -421,8 +421,8 @@ export const componentTypes = [
     description: 'Toggle Switch',
     component: 'ToggleSwitch',
     defaultSize: {
-      width: 150,
-      height: 50
+      width: 130,
+      height: 30
     },
     others: {
       showOnDesktop: { type: 'toggle', displayName: 'Show on desktop? '},