diff --git a/src/components/App.tsx b/src/components/App.tsx
index 33bbab4..be7b2c2 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -10,19 +10,18 @@ export default function () {
   return (
     <BrowserStateProvider>
       <>
-        <AuthProvider>
-          <header className="relative h-14 px-2 pl-2 py-2 w-full bg-neutral-900 flex">
-            <div className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white">
-              <Navigator />
-            </div>
-            <div className="w-32 flex justify-end">
-              <LumeStatusProvider>
-                <Lume />
-              </LumeStatusProvider>
-            </div>
-          </header>
-        </AuthProvider>
         <LumeStatusProvider>
+          <AuthProvider>
+            <header className="relative h-14 px-2 pl-2 py-2 w-full bg-neutral-900 flex">
+              <div className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white">
+                <Navigator />
+              </div>
+              <div className="w-32 flex justify-end">
+                <Lume />
+              </div>
+            </header>
+          </AuthProvider>
+
           <Browser />
         </LumeStatusProvider>
       </>