From 2908a1f16d95b05d444a2fa8b3e3df5dbbafadca Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Wed, 1 Apr 2026 15:25:23 +0200
Subject: [PATCH] Improve hover state styling for measurement system toggle

---
 web/components/measurement-system-toggle.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/components/measurement-system-toggle.tsx b/web/components/measurement-system-toggle.tsx
index 76cb2146..9d70b482 100644
--- a/web/components/measurement-system-toggle.tsx
+++ b/web/components/measurement-system-toggle.tsx
@@ -22,6 +22,7 @@ export default function MeasurementSystemToggle(props: {className?: string}) {
         onChange={(enabled: boolean) => setMeasurementSystem(enabled ? 'metric' : 'imperial')}
         className={clsx(
           isEnabled ? 'bg-primary-500' : 'bg-ink-300',
+          isEnabled ? 'hover:bg-primary-500/70' : 'hover:bg-ink-300/70',
           'relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none',
         )}
       >