diff --git a/nuxt/components/dashboard/BookInfoCard.vue b/nuxt/components/dashboard/BookInfoCard.vue
index 30a4e18..ceb7cc4 100644
--- a/nuxt/components/dashboard/BookInfoCard.vue
+++ b/nuxt/components/dashboard/BookInfoCard.vue
@@ -29,7 +29,9 @@ const dayjs = useDayjs()
               </UBadge>
             </div>
             <div class="flex">
-              <NewDeadline v-if="auth.user?.roles.includes('admin')" :book-recommendation-id="props.book.id" />
+              <ClientOnly>
+                <NewDeadline v-if="auth.user?.roles.includes('admin')" :book-recommendation-id="props.book.id" />
+              </ClientOnly>
             </div>
           </div>
         </div>