diff --git a/src/app.css b/src/app.css
index d0af128..e0bed0a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1121,6 +1121,11 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   flex-grow: 1;
   background-color: var(--backdrop-solid-color);
   animation: appear 0.3s var(--timing-function) both;
+  transition: width 0.3s var(--timing-function);
+
+  &:only-child {
+    width: 100%;
+  }
 }
 .media-modal-container.loading {
   display: flex;
diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 952afb6..d00d68f 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -142,6 +142,17 @@ function StatusPage(params) {
     }
   }, [showMediaOnly, closeLink, snapStates.prevLocation]);
 
+  useEffect(() => {
+    let timer = setTimeout(() => {
+      // carouselRef.current?.focus?.();
+      const $carousel = document.querySelector('.carousel');
+      if ($carousel) {
+        $carousel.focus();
+      }
+    }, 100);
+    return () => clearTimeout(timer);
+  }, [showMediaOnly]);
+
   return (
     <div class="deck-backdrop">
       {showMedia ? (