diff --git a/front/components/sparkle/AppLayout.tsx b/front/components/sparkle/AppLayout.tsx
index 99efcbdb480b..f2c89c5246a2 100644
--- a/front/components/sparkle/AppLayout.tsx
+++ b/front/components/sparkle/AppLayout.tsx
@@ -365,7 +365,7 @@ export default function AppLayout({
           </div>
 
           {/** BEGIN Incident Banner */}
-          <div className="flex w-full items-center justify-center bg-warning-300 py-2 text-element-900">
+          <div className="relative z-[80] flex w-full items-center justify-center bg-warning-300 py-2 text-element-900">
             <div className="">
               <span className="font-bold">OpenAI Outage:</span> OpenAI is
               encountering a{" "}