diff --git a/app/pages/[user].vue b/app/pages/[user].vue
index 980e520..8950019 100644
--- a/app/pages/[user].vue
+++ b/app/pages/[user].vue
@@ -34,16 +34,18 @@ function visitLink(clickType: 'self' | 'extern') {
 
 <template>
   <main class="my-12">
-    <div v-if="date" class="flex flex-col items-center mb-12">
-      <h1 class="text-6xl md:text-9xl font-bold">
-        {{ useDateFormat(date, 'HH') }}
-        <span class="animate-pulse">:</span>
-        {{ useDateFormat(date, 'mm') }}
-      </h1>
-      <h1 class="text-2xl md:text-5xl">
-        {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
-      </h1>
-    </div>
+    <ClientOnly>
+      <div v-if="date" class="flex flex-col items-center mb-12">
+        <h1 class="text-6xl md:text-9xl font-bold">
+          {{ useDateFormat(date, 'HH') }}
+          <span class="animate-pulse">:</span>
+          {{ useDateFormat(date, 'mm') }}
+        </h1>
+        <h1 class="text-2xl md:text-5xl">
+          {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
+        </h1>
+      </div>
+    </ClientOnly>
     <div v-if="userDetails.message || userDetails.private" class="text-center mt-24 space-y-4">
       <div
         class="flex items-center justify-center gap-2 text-3xl"
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 894e129..a36ea2a 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -111,16 +111,18 @@ defineShortcuts({
 
 <template>
   <main v-if="user && loggedIn" class="my-12">
-    <div v-if="date" class="flex flex-col items-center mb-12">
-      <h1 class="text-6xl md:text-9xl font-bold">
-        {{ useDateFormat(date, 'HH') }}
-        <span class="animate-pulse">:</span>
-        {{ useDateFormat(date, 'mm') }}
-      </h1>
-      <h1 class="text-2xl md:text-5xl">
-        {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
-      </h1>
-    </div>
+    <ClientOnly>
+      <div v-if="date" class="flex flex-col items-center mb-12">
+        <h1 class="text-6xl md:text-9xl font-bold">
+          {{ useDateFormat(date, 'HH') }}
+          <span class="animate-pulse">:</span>
+          {{ useDateFormat(date, 'mm') }}
+        </h1>
+        <h1 class="text-2xl md:text-5xl">
+          {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
+        </h1>
+      </div>
+    </ClientOnly>
     <section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
       <div>
         <AppAvatar size="5xl" :src="user.avatar" />