diff --git a/frontend/src/components/theme-toggle.tsx b/frontend/src/components/theme-toggle.tsx
index d78f8f8..5f4a2de 100644
--- a/frontend/src/components/theme-toggle.tsx
+++ b/frontend/src/components/theme-toggle.tsx
@@ -20,7 +20,7 @@ export function ThemeToggle() {
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
         {ITEMS.map(({ v, label, icon: Icon }) => (
-          <DropdownMenuItem key={v} onClick={() => setTheme(v)}>
+          <DropdownMenuItem key={v} onSelect={() => setTheme(v)}>
             <Icon />
             {label}
             {theme === v && <Check className="ml-auto size-4" />}