diff --git a/frontend/app.vue b/frontend/app.vue
index b08570b..8f275a0 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -4,21 +4,23 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
 
 <template>
     <div>
+        <LoadingIndicator />
+
         <NuxtRouteAnnouncer />
 
         <NuxtLayout>
-            <LoadingIndicator />
 
             <ToastProvider>
                 <NuxtPage />
-                <div dir="ltr">
-                    <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
-                </div>
+
                 <ToastContainer />
                 <ToastViewport
                     class="[--viewport-padding:_25px] fixed bottom-0 left-0 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[2147483647] outline-none"
                 />
             </ToastProvider>
         </NuxtLayout>
+
+        <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
+
     </div>
 </template>