From c5525bb9804dd0e6c0e8687ecba78f22ea319661 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Wed, 1 Apr 2026 11:43:33 -0700
Subject: [PATCH] reduce footprint of closing indicator

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

diff --git a/js/src/features/particles/stream-view.tsx b/js/src/features/particles/stream-view.tsx
index 1e838a9..9f1d19d 100644
--- a/js/src/features/particles/stream-view.tsx
+++ b/js/src/features/particles/stream-view.tsx
@@ -371,6 +371,13 @@ function BottomBar({
           layer="tracks"
         />
         <div className="flex items-center justify-center px-3 pt-2">
+          {exitRemainingMs !== null && (
+            <div className="flex justify-center">
+              <span className="rounded-full bg-black/30 px-2 text-xs text-white/70 backdrop-blur-sm">
+                Closing in {Math.ceil(exitRemainingMs / 1000)}s
+              </span>
+            </div>
+          )}
           <ControlsIndicator type="reply" showEscape={true}>
             <span>
               <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
@@ -380,13 +387,6 @@ function BottomBar({
             </span>
           </ControlsIndicator>
         </div>
-        {exitRemainingMs !== null && (
-          <div className="flex justify-center pt-1">
-            <span className="rounded-full bg-black/30 px-2 py-1 text-xs text-white/70 backdrop-blur-sm">
-              Closing in {Math.ceil(exitRemainingMs / 1000)}s
-            </span>
-          </div>
-        )}
       </div>
     </div>
   );