From 604cd371f2012335c0dad232d841f10e7bb0ce76 Mon Sep 17 00:00:00 2001
From: Ian Jones <51156018+ianjon3s@users.noreply.github.com>
Date: Tue, 18 Jun 2024 13:20:21 +0100
Subject: [PATCH] refactor: Reduce height of MUI switch (#3285)

---
 editor.planx.uk/src/theme.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
index b6ef7ee8dc..53dcfd39f7 100644
--- a/editor.planx.uk/src/theme.ts
+++ b/editor.planx.uk/src/theme.ts
@@ -433,10 +433,11 @@ const getThemeOptions = ({
       MuiSwitch: {
         styleOverrides: {
           root: {
-            width: "80px",
-            height: "48px",
+            width: "76px",
+            height: "44px",
             padding: "8px",
             left: "-8px",
+            marginRight: "-4px",
             "& .MuiSwitch-switchBase": {
               padding: "11px",
               borderRadius: "50%",
@@ -447,8 +448,8 @@ const getThemeOptions = ({
             },
             "& .MuiSwitch-thumb": {
               background: palette.common.white,
-              width: "26px",
-              height: "26px",
+              width: "22px",
+              height: "22px",
             },
             "& .MuiSwitch-track": {
               background: palette.background.dark,
@@ -550,7 +551,7 @@ const getThemeOptions = ({
           {
             props: { variant: "compact" },
             style: {
-              "& label": { paddingBottom: "200px", },
+              "& label": { paddingBottom: "200px" },
               "&.MuiRadio-root": {
                 width: "40px",
                 height: "40px",
@@ -568,7 +569,7 @@ const getThemeOptions = ({
             },
           },
         ],
-      },      
+      },
     },
   };