diff --git a/src/components/App.tsx b/src/components/App.tsx
index 2fc4c27..582f2d3 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -8,8 +8,8 @@ import { LumeProvider } from "@lumeweb/sdk";
 
 export default function () {
   return (
-    <BrowserStateProvider>
-      <LumeProvider>
+    <LumeProvider>
+      <BrowserStateProvider>
         <>
           <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">
@@ -21,7 +21,7 @@ export default function () {
           </header>
           <Browser />
         </>
-      </LumeProvider>
-    </BrowserStateProvider>
+      </BrowserStateProvider>
+    </LumeProvider>
   );
 }