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">