diff --git a/ui/src/components/sidebar-layout.tsx b/ui/src/components/sidebar-layout.tsx
index 1e10e0fb..f3549d55 100644
--- a/ui/src/components/sidebar-layout.tsx
+++ b/ui/src/components/sidebar-layout.tsx
@@ -75,7 +75,7 @@ export function SidebarFrame({
         type="button"
         aria-label="Expand sidebar"
         onClick={toggle}
-        className="fixed top-3 left-3 z-30 flex size-7 items-center justify-center rounded-md border border-border bg-background text-muted-foreground shadow-sm hover:bg-accent hover:text-foreground"
+        className="fixed top-3 left-3 z-30 flex size-7 cursor-pointer items-center justify-center rounded-md border border-border bg-background text-muted-foreground shadow-sm hover:bg-accent hover:text-foreground"
       >
         <SidebarSimpleIcon className="size-4" />
       </button>
@@ -164,7 +164,7 @@ export function SidebarCollapseButton({ onToggle, className }: SidebarCollapseBu
       aria-label="Collapse sidebar"
       onClick={onToggle}
       className={cn(
-        "flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
+        "flex size-6 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground",
         className,
       )}
     >