diff --git a/js/src/pages/stream-player-page.tsx b/js/src/pages/stream-player-page.tsx
index 6361975..43833a5 100644
--- a/js/src/pages/stream-player-page.tsx
+++ b/js/src/pages/stream-player-page.tsx
@@ -241,8 +241,8 @@ export function StreamPlayerPage() {
       </div>
 
       {/* Top center overlay for particle author avatar and name */}
-      <div className="absolute top-0 left-1/2 transform -translate-x-1/2 z-10 mt-3 rounded-full bg-black/30 px-3 py-1 backdrop-blur-sm">
-        <div className="flex items-center gap-2.5">
+      <div className="absolute top-0 left-1/2 transform -translate-x-1/2 z-10 mt-3 rounded-full bg-white/10 px-1 py-1 backdrop-blur-sm">
+        <div className="flex items-center gap-1">
           {currentParticle && (
             <Avatar size="sm">
               <AvatarFallback className="bg-white/20 text-[10px] text-white">
@@ -253,8 +253,10 @@ export function StreamPlayerPage() {
               </AvatarFallback>
             </Avatar>
           )}
-          <span className="text-xs font-medium text-white/70">
+          <span className="min-w-0 flex-1 truncate text-xs font-medium text-white/70 pr-1">
             {currentParticle?.created_by_email.split("@")[0]}
+            <span className="text-white/40"> &middot; </span>
+            {stream.name}
           </span>
         </div>
       </div>
@@ -262,21 +264,10 @@ export function StreamPlayerPage() {
       {/* Bottom overlay: stream info + reply */}
       <div className="absolute right-0 bottom-0 left-0 z-10 flex justify-center px-3 pb-3">
         <div className="flex w-full items-center gap-2.5 rounded-full bg-black/30 px-3 py-2 backdrop-blur-sm">
-          {currentParticle && (
-            <Avatar size="sm">
-              <AvatarFallback className="bg-white/20 text-[10px] text-white">
-                {currentParticle.created_by_email
-                  .split("@")[0]
-                  .slice(0, 2)
-                  .toUpperCase()}
-              </AvatarFallback>
-            </Avatar>
-          )}
-          <span className="min-w-0 flex-1 truncate text-xs font-medium text-white/70">
-            {stream.name}
-            <span className="text-white/40"> &middot; </span>
-            {currentParticle?.created_by_email.split("@")[0]}
-          </span>
+          <div className="flex-1 text-left text-sm font-medium text-white/70">
+            _this is a placeholder for captions_
+          </div>
+
           <ReplyIndicator />
         </div>
       </div>