diff --git a/js/src/features/particles/particle-grid-view.tsx b/js/src/features/particles/particle-grid-view.tsx
index 1961668..252f38f 100644
--- a/js/src/features/particles/particle-grid-view.tsx
+++ b/js/src/features/particles/particle-grid-view.tsx
@@ -35,14 +35,15 @@ export function ParticleGridView({ streams, networkId, isLoading, selectedIndex
     <div className="grid grid-cols-3 gap-3 px-3">
       {streams.map((stream, index) => (
         <StreamContextMenu key={stream.id} particle={stream} networkId={networkId}>
-          <StreamCard
-            ref={index === selectedIndex ? (el) => el?.scrollIntoView({ block: "nearest" }) : undefined}
-            particle={stream}
-            networkId={networkId}
-            onClick={() => navigate(`/${networkId}/${stream.id}`)}
-            isSelected={index === selectedIndex}
-            shortcutKey={index < 9 ? index + 1 : undefined}
-          />
+          <div ref={index === selectedIndex ? (el) => el?.scrollIntoView({ block: "nearest" }) : undefined}>
+            <StreamCard
+              particle={stream}
+              networkId={networkId}
+              onClick={() => navigate(`/${networkId}/${stream.id}`)}
+              isSelected={index === selectedIndex}
+              shortcutKey={index < 9 ? index + 1 : undefined}
+            />
+          </div>
         </StreamContextMenu>
       ))}
     </div>