diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 0f09497b015..d7ea9d9181e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,6 +1,6 @@
 <template>
+  <backdrop />
   <v-app>
-    <backdrop />
     <router-view-transition is-root />
     <snackbar />
     <player-element />
diff --git a/frontend/src/components/Layout/Backdrop.vue b/frontend/src/components/Layout/Backdrop.vue
index e551ee1b938..42c0b2f1b24 100644
--- a/frontend/src/components/Layout/Backdrop.vue
+++ b/frontend/src/components/Layout/Backdrop.vue
@@ -19,6 +19,12 @@ const opacity = computed(() => route.meta.backdrop?.opacity || 0.25);
 .backdrop {
   background-color: rgb(var(--v-theme-background));
   opacity: v-bind(opacity);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-size: cover;
 
   & canvas {
     position: fixed;