diff --git a/app/pages/projects/[slug].vue b/app/pages/projects/[slug].vue
index 6a2b31a..39689bd 100644
--- a/app/pages/projects/[slug].vue
+++ b/app/pages/projects/[slug].vue
@@ -91,10 +91,12 @@ const { copy, copied } = useClipboard({
       class="my-4"
       icon="i-ph-pencil-line-duotone"
     />
-    <ContentRenderer
+    <ClientOnly>
+      <ContentRenderer
       :value="project"
       class="!max-w-none prose dark:prose-invert"
     />
+    </ClientOnly>
     <div class="space-y-4 mt-8">
       <PostFooter />
       <div class="flex gap-4 items-center flex-wrap">
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index 267ab48..a6ae5f9 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -157,13 +157,15 @@ function scrollToSection(id: string) {
       icon="i-ph-pencil-line-duotone"
     />
     <article class="mt-8">
-      <ContentRenderer
+      <ClientOnly>
+        <ContentRenderer
         :value="post"
         class="!max-w-none prose dark:prose-invert"
       />
+      </ClientOnly>
       <div class="space-y-4 mt-8">
         <PostFooter />
-        <div class="flex gap-4 items-center flex-wrap">
+        <div class="flex gap-4 items-center flex-wrap justify-between sm:justify-start">
           <UButton
             :label="(postDB?.likes ?? 0) > 1 ? `${postDB?.likes ?? 0} likes` : `${postDB?.likes ?? 0} like`"
             :color="likeCookie ? 'red' : 'neutral'"