diff --git a/app/pages/projects/[slug].vue b/app/pages/projects/[slug].vue
index 23372f0..6a2b31a 100644
--- a/app/pages/projects/[slug].vue
+++ b/app/pages/projects/[slug].vue
@@ -42,7 +42,8 @@ const { copy, copied } = useClipboard({
         {{ t('back') }}
       </NuxtLinkLocale>
     </div>
-    <div class="mt-2">
+    <PostAlert class="mb-8" />
+    <div>
       <div class="flex items-end justify-between gap-2 flex-wrap">
         <div class="flex items-center gap-2">
           <h1
@@ -90,7 +91,6 @@ const { copy, copied } = useClipboard({
       class="my-4"
       icon="i-ph-pencil-line-duotone"
     />
-    <PostAlert />
     <ContentRenderer
       :value="project"
       class="!max-w-none prose dark:prose-invert"
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index 9815c78..267ab48 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -79,7 +79,7 @@ function scrollToSection(id: string) {
         {{ t('back') }}
       </NuxtLinkLocale>
     </div>
-    <PostAlert />
+    <PostAlert class="mb-8" />
     <div class="border-l-2 pl-2 rounded-none border-gray-300 dark:border-neutral-700 flex gap-1 items-center">
       <UIcon name="i-ph-heart-duotone" size="16" />
       <p>{{ getDetails().likes }} </p>·