diff --git a/front_end/src/app/(prediction-flow)/tournament/[slug]/prediction-flow/loading.tsx b/front_end/src/app/(prediction-flow)/tournament/[slug]/prediction-flow/loading.tsx
index f5b35eb105..cae76621b5 100644
--- a/front_end/src/app/(prediction-flow)/tournament/[slug]/prediction-flow/loading.tsx
+++ b/front_end/src/app/(prediction-flow)/tournament/[slug]/prediction-flow/loading.tsx
@@ -9,7 +9,7 @@ export default async function Loading() {
   return (
     <>
       {/* Header */}
-      <header className="fixed left-0 top-0 z-50 flex h-12 w-full flex-auto flex-nowrap items-center justify-between bg-blue-900 text-gray-0">
+      <header className="fixed left-0 top-0 z-100 flex h-12 w-full flex-auto flex-nowrap items-center justify-between bg-blue-900 text-gray-0">
         <div className="flex h-full items-center">
           <h1 className="mx-3 my-0 inline-flex h-full max-w-60 flex-shrink-0 flex-grow-0 basis-auto flex-col justify-center text-center font-league-gothic text-[28px] font-light tracking-widest !text-gray-0 no-underline antialiased lg:bg-blue-800 lg:dark:bg-gray-0-dark">
             <span className="inline">M</span>
diff --git a/front_end/src/components/flow/flow_header.tsx b/front_end/src/components/flow/flow_header.tsx
index 86d6909947..1ed4d9d211 100644
--- a/front_end/src/components/flow/flow_header.tsx
+++ b/front_end/src/components/flow/flow_header.tsx
@@ -32,7 +32,7 @@ export const FlowHeaderRoot: FC<RootProps> = ({ title, children }) => {
 
   return (
     <FlowHeaderContext.Provider value={value}>
-      <header className="fixed left-0 top-0 z-50 flex h-12 w-full flex-auto flex-nowrap items-center justify-between bg-blue-900 text-gray-0">
+      <header className="fixed left-0 top-0 z-100 flex h-12 w-full flex-auto flex-nowrap items-center justify-between bg-blue-900 text-gray-0">
         {children}
       </header>
     </FlowHeaderContext.Provider>