diff --git a/apps/website/src/components/MainLogo.client.vue b/apps/website/src/components/MainLogo.vue
similarity index 97%
rename from apps/website/src/components/MainLogo.client.vue
rename to apps/website/src/components/MainLogo.vue
index 2dccdbc4..11101c72 100644
--- a/apps/website/src/components/MainLogo.client.vue
+++ b/apps/website/src/components/MainLogo.vue
@@ -16,12 +16,12 @@ const randomCharUrl = `url(/units/${randomChar}/128.png)`
 </script>
 
 <template>
-  <div>
+  <ClientOnly>
     <div v-if="$route.path === '/'" class="logo" :style="{ backgroundImage: randomCharUrl }" />
     <NuxtLink v-else href="/">
       <div class="logo shake" :style="{ backgroundImage: randomCharUrl }" />
     </NuxtLink>
-  </div>
+  </ClientOnly>
 </template>
 
 <style scoped>