diff --git a/www/api-reference/app/api/[area]/layout.tsx b/www/api-reference/app/api/[area]/layout.tsx
index 07493b9958..0f862e755e 100644
--- a/www/api-reference/app/api/[area]/layout.tsx
+++ b/www/api-reference/app/api/[area]/layout.tsx
@@ -47,9 +47,9 @@ export default function RootLayout({
         )}
       >
         <AnalyticsProvider>
-          <ModalProvider>
-            <ColorModeProvider>
-              <PageLoadingProvider>
+          <PageLoadingProvider>
+            <ModalProvider>
+              <ColorModeProvider>
                 <BaseSpecsProvider>
                   <SidebarProvider>
                     <NavbarProvider>
@@ -71,9 +71,9 @@ export default function RootLayout({
                     </NavbarProvider>
                   </SidebarProvider>
                 </BaseSpecsProvider>
-              </PageLoadingProvider>
-            </ColorModeProvider>
-          </ModalProvider>
+              </ColorModeProvider>
+            </ModalProvider>
+          </PageLoadingProvider>
         </AnalyticsProvider>
       </body>
     </html>