diff --git a/components/ThemeToggle.tsx b/components/ThemeToggle.tsx
index 8d7ce11d..6b17718d 100644
--- a/components/ThemeToggle.tsx
+++ b/components/ThemeToggle.tsx
@@ -23,15 +23,24 @@ export function ThemeToggle() {
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="z-[1000]">
-        <DropdownMenuItem onClick={() => setTheme('light')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('light')}
+        >
           <span>Light</span>
           {theme === 'light' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('dark')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('dark')}
+        >
           <span>Dark</span>
           {theme === 'dark' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('system')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('system')}
+        >
           <span>System</span>
           {theme === 'system' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>