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? '},