diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index 69a204ccd8a35a9d0ddef972765dd86c52fa4680..214b0605c833851019918c28e6307b19304bee4c 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -11353,7 +11353,7 @@ export default function ChatView(props: ChatViewProps) {
               </div>
             ) : null}
             {/* Banners overlay the timeline without changing its content height. */}
-            <div className="pointer-events-none absolute inset-x-0 top-0 z-20 flex flex-col">
+            <div className="chat-banner-lane pointer-events-none absolute top-0 z-20 flex flex-col">
               <ProviderStatusBanner
                 status={visibleProviderStatus}
                 onDismiss={() => setDismissedProviderStatusBannerKey(providerStatusBannerKey)}
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 6ecd5608e39d8bdadcb9cada6664ea3ba057131e..6e6731fd7f0d324deeab5924053d06363e6d7d02 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -2337,7 +2337,8 @@ code {
       0.75rem + var(--chat-lane-inset-end, 0px) - var(--chat-timeline-gutter, 0px)
     );
   }
-  .chat-scroll-to-bottom {
+  .chat-scroll-to-bottom,
+  .chat-banner-lane {
     inset-inline-start: var(--chat-lane-inset-start, 0px);
     inset-inline-end: var(--chat-lane-inset-end, 0px);
   }