diff --git a/surfsense_web/components/Navbar.tsx b/surfsense_web/components/Navbar.tsx
index e854532..52d1879 100644
--- a/surfsense_web/components/Navbar.tsx
+++ b/surfsense_web/components/Navbar.tsx
@@ -190,7 +190,7 @@ const DesktopNav = ({ navItems, visible }: NavbarProps) => {
               <Button
                 onClick={handleGoogleLogin}
                 variant="outline"
-                className="hidden md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
+                className="hidden cursor-pointer md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
               >
                 <IconBrandGoogleFilled className="h-4 w-4" />
                 <span>Sign in with Google</span>
@@ -293,7 +293,7 @@ const MobileNav = ({ navItems, visible }: NavbarProps) => {
               <Button
                 onClick={handleGoogleLogin}
                 variant="outline"
-                className="flex items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
+                className="flex cursor-pointer items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
               >
                 <IconBrandGoogleFilled className="h-4 w-4" />
                 <span>Sign in with Google</span>
diff --git a/surfsense_web/components/theme/theme-toggle.tsx b/surfsense_web/components/theme/theme-toggle.tsx
index 3066613..c95527d 100644
--- a/surfsense_web/components/theme/theme-toggle.tsx
+++ b/surfsense_web/components/theme/theme-toggle.tsx
@@ -20,7 +20,7 @@ export function ThemeTogglerComponent() {
         onClick={() => {
           theme === "dark" ? setTheme("light") : setTheme("dark");
         }}
-        className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
+        className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center cursor-pointer justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
       >
         {theme === "light" && (
           <motion.div