diff --git a/js/src/features/layout.tsx b/js/src/features/layout.tsx
index b8903b6..ad9996d 100644
--- a/js/src/features/layout.tsx
+++ b/js/src/features/layout.tsx
@@ -91,7 +91,7 @@ function TopBar() {
   const { data: particle } = useParticle(path);
 
   return (
-    <div className="drag-region flex items-center gap-3 border-b px-3 py-1">
+    <div className="drag-region flex items-center gap-3 border-b px-3 py-1 bg-muted">
       <WindowControls />
 
       <Breadcrumb className="no-drag">
diff --git a/js/src/features/network-root.tsx b/js/src/features/network-root.tsx
index 92a1cd8..7cc8d54 100644
--- a/js/src/features/network-root.tsx
+++ b/js/src/features/network-root.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
-import { List, LayoutGrid } from "lucide-react";
+import { List, LayoutGrid, CircleDot, CircleCheckBig } from "lucide-react";
 import { particlePath } from "@/lib/particle-path";
 import { ParticleListView } from "@/features/particles/particle-list-view";
 import { ParticleGridView } from "@/features/particles/particle-grid-view";
@@ -49,14 +49,14 @@ export default function NetworkRoot() {
   return (
     <div className="relative flex min-h-0 flex-1 flex-col">
       {/* Top bar — stays in place */}
-      <div className="flex shrink-0 items-center justify-between px-3 pt-2 pb-1 border-b">
+      <div className="flex shrink-0 items-center justify-between p-1 border-b">
         <Tabs
           value={statusTab}
           onValueChange={(v) => setStatusTab(v as "open" | "closed")}
         >
           <TabsList>
-            <TabsTrigger value="open">Open</TabsTrigger>
-            <TabsTrigger value="closed">Closed</TabsTrigger>
+            <TabsTrigger value="open"><CircleDot className="size-3 text-green-500" /> Open</TabsTrigger>
+            <TabsTrigger value="closed"><CircleCheckBig className="size-3" /> Closed</TabsTrigger>
           </TabsList>
         </Tabs>
         <ToggleGroup
diff --git a/js/src/features/particles/particle-list-view.tsx b/js/src/features/particles/particle-list-view.tsx
index d765ef2..8a82841 100644
--- a/js/src/features/particles/particle-list-view.tsx
+++ b/js/src/features/particles/particle-list-view.tsx
@@ -255,7 +255,7 @@ export function ParticleListView({ streams, networkId, isLoading, selectedIndex
       <div className="mx-auto flex h-full max-w-sm flex-col items-center justify-center gap-2 px-4 text-center">
         <Radio className="text-muted-foreground size-8" />
         <p className="text-muted-foreground text-sm">
-          No recent streams yet. Start a conversation using the keyboard shortcuts below.
+          No streams here. Start a conversation using the keyboard shortcuts below.
         </p>
       </div>
     );