From fb843ea0b1ff874e503232b2861dddf9e7b8bf36 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 16 May 2023 19:57:36 +0530
Subject: [PATCH] chore: adjust switch size

---
 packages/web/src/javascripts/Components/Switch/Switch.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Switch/Switch.tsx b/packages/web/src/javascripts/Components/Switch/Switch.tsx
index 51c1f8080..3c23c1b6a 100644
--- a/packages/web/src/javascripts/Components/Switch/Switch.tsx
+++ b/packages/web/src/javascripts/Components/Switch/Switch.tsx
@@ -25,7 +25,7 @@ const Switch = ({
         'ring-2 ring-transparent focus-within:border-default focus-within:shadow-none focus-within:outline-none focus-within:ring-info',
         disabled ? 'opacity-50' : '',
         isActive ? 'bg-info' : 'bg-neutral',
-        forceDesktopStyle ? 'h-4.5 w-8' : 'h-8 w-13 md:h-4.5 md:w-8',
+        forceDesktopStyle ? 'h-4.5 w-8' : 'h-7 w-12 md:h-4.5 md:w-8',
         className,
       )}
     >
@@ -40,8 +40,8 @@ const Switch = ({
       </VisuallyHidden>
       <div
         className={classNames(
-          'absolute left-[0.275rem] top-1/2 block -translate-y-1/2 rounded-full bg-default transition-transform duration-150 ease-out',
-          forceDesktopStyle ? 'left-[2px] h-3.5 w-3.5' : 'h-6 w-6 md:left-[2px] md:h-3.5 md:w-3.5',
+          'absolute top-1/2 block -translate-y-1/2 rounded-full bg-default transition-transform duration-150 ease-out',
+          forceDesktopStyle ? 'left-[2px] h-3.5 w-3.5' : 'left-[0.15rem] h-6 w-6 md:left-[2px] md:h-3.5 md:w-3.5',
           checked
             ? forceDesktopStyle
               ? 'translate-x-[calc(2rem-1.125rem)]'