diff --git a/app/components/AppBackground.vue b/app/components/AppBackground.vue
index 2837235..dee024d 100644
--- a/app/components/AppBackground.vue
+++ b/app/components/AppBackground.vue
@@ -20,7 +20,9 @@ const backgroundStyle = computed(() => ({
 </script>
 
 <template>
-  <div class="min-h-screen w-full absolute inset-0">
-    <div class="absolute inset-0 z-0" :style="backgroundStyle" />
-  </div>
+  <ClientOnly>
+    <div class="min-h-screen w-full absolute inset-0">
+      <div class="absolute inset-0 z-0" :style="backgroundStyle" />
+    </div>
+  </ClientOnly>
 </template>