From 6bf2f2217ab55699789e27796e54b29fc31beb41 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 21 Mar 2026 12:08:45 -0700
Subject: [PATCH] fix: top bar preventing click events on page indicator

---
 js/src/features/particles/stream-view.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/src/features/particles/stream-view.tsx b/js/src/features/particles/stream-view.tsx
index 0d81887..3069959 100644
--- a/js/src/features/particles/stream-view.tsx
+++ b/js/src/features/particles/stream-view.tsx
@@ -368,7 +368,7 @@ export function StreamView({ path, streamParticle }: StreamViewProps) {
         />
       </div>
 
-      <div className="z-10 absolute left-0 right-0">
+      <div className="z-10 absolute left-0 right-0 mt-3">
         <TopBar networkId={networkId} particle={currentParticle} streamParticle={streamParticle} />
       </div>
 
@@ -412,7 +412,7 @@ function TopBar({ networkId, particle, streamParticle }: { networkId: string; pa
   const navigate = useNavigate();
 
   return (
-    <div className="drag-region flex flex-row mt-3 px-4 gap-5 items-center opacity-0 hover:opacity-100 transition-all">
+    <div className="drag-region flex flex-row px-4 gap-5 items-center opacity-0 hover:opacity-100 transition-all">
       <WindowControls />
 
       <Breadcrumb className="no-drag rounded-full bg-black/30 backdrop-blur-sm px-3 py-1 mx-auto">