diff --git a/apps/studio/components/interfaces/Sidebar.tsx b/apps/studio/components/interfaces/Sidebar.tsx
index c60b81b7162..075cefa18ef 100644
--- a/apps/studio/components/interfaces/Sidebar.tsx
+++ b/apps/studio/components/interfaces/Sidebar.tsx
@@ -246,7 +246,7 @@ const ActiveDot = (errorArray: any[], warningArray: any[]) => {
   return (
     <div
       className={cn(
-        'absolute flex h-2 w-2 left-[18px] group-data-[state=expanded]:left-[20px] top-2 z-10 rounded-full',
+        'absolute pointer-events-none flex h-2 w-2 left-[18px] group-data-[state=expanded]:left-[20px] top-2 z-10 rounded-full',
         errorArray.length > 0
           ? 'bg-destructive-600'
           : warningArray.length > 0