diff --git a/src/components/navigation/navigation-disclosure-panel.tsx b/src/components/navigation/navigation-disclosure-panel.tsx
index 48dae153..fb35ae73 100644
--- a/src/components/navigation/navigation-disclosure-panel.tsx
+++ b/src/components/navigation/navigation-disclosure-panel.tsx
@@ -16,7 +16,7 @@ const NavigationDisclosurePanelItem = ({
     return (
         <div
             className={classNames(
-                "relative w-full py-3 pl-8 pr-1 text-left text-sm text-neutral-0 hover:bg-primary-900+10",
+                "relative w-full cursor-pointer py-3 pl-8 pr-1 text-left text-sm text-neutral-0 hover:bg-primary-900+10",
                 isIndented && "pl-14",
                 isActive && "bg-primary-900+20 font-semibold hover:bg-primary-900+20"
             )}
diff --git a/src/components/navigation/navigation-disclosure.tsx b/src/components/navigation/navigation-disclosure.tsx
index 8df1e60f..cff804af 100644
--- a/src/components/navigation/navigation-disclosure.tsx
+++ b/src/components/navigation/navigation-disclosure.tsx
@@ -15,7 +15,7 @@ const NavigationDisclosureButton = ({
 }: NavigationDisclosureButtonProps) => {
     return (
         <Disclosure.Button
-            className="flex w-full items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold"
+            className="flex w-full cursor-pointer items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold"
             onClick={onClick}
         >
             {LeftIcon ? <LeftIcon className="h-4 w-4" /> : null}
diff --git a/src/components/navigation/navigation-group.tsx b/src/components/navigation/navigation-group.tsx
index ecdeaa84..799cd3bb 100644
--- a/src/components/navigation/navigation-group.tsx
+++ b/src/components/navigation/navigation-group.tsx
@@ -15,7 +15,7 @@ const NavigationGroupItem = ({
     return (
         <div
             className={classNames(
-                "relative flex items-center gap-x-3 px-4 py-3 text-sm text-neutral-0 hover:bg-primary-900+10",
+                "relative flex cursor-pointer items-center gap-x-3 px-4 py-3 text-sm text-neutral-0 hover:bg-primary-900+10",
                 isActive && "bg-primary-900+20 font-semibold hover:bg-primary-900+20"
             )}
             {...props}
diff --git a/src/components/navigation/navigation-popover-button.tsx b/src/components/navigation/navigation-popover-button.tsx
index 4719a397..ea4fd00b 100644
--- a/src/components/navigation/navigation-popover-button.tsx
+++ b/src/components/navigation/navigation-popover-button.tsx
@@ -20,7 +20,7 @@ export const NavigationPopoverButton = ({
     return (
         <Popover.Button
             ref={(el) => el && setReferenceElement(el)}
-            className="flex w-full items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold"
+            className="flex w-full cursor-pointer items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold"
             onClick={onClick}
         >
             <>