diff --git a/src/app/site/[site]/[slug]/page.tsx b/src/app/site/[site]/[slug]/page.tsx
index 3aaaf566..2e4698a3 100644
--- a/src/app/site/[site]/[slug]/page.tsx
+++ b/src/app/site/[site]/[slug]/page.tsx
@@ -145,13 +145,13 @@ export default async function SitePagePage({
       />
       <article>
         {!onlyContent && (
-          <div>
+          <>
             {page?.metadata?.content?.tags?.includes("post") ? (
-              <h2 className="xlog-post-title text-4xl font-bold leading-tight">
+              <h2 className="xlog-post-title text-4xl font-bold leading-tight text-center">
                 {page.metadata?.content?.title}
               </h2>
             ) : (
-              <h2 className="xlog-post-title text-xl font-bold page-title">
+              <h2 className="xlog-post-title text-xl font-bold page-title text-center">
                 {page?.metadata?.content?.title}
               </h2>
             )}
@@ -165,7 +165,7 @@ export default async function SitePagePage({
                 }}
               />
             )}
-          </div>
+          </>
         )}
         <PageContent
           className="mt-10"
diff --git a/src/components/site/PostMeta.tsx b/src/components/site/PostMeta.tsx
index 35449a5d..bfb6b339 100644
--- a/src/components/site/PostMeta.tsx
+++ b/src/components/site/PostMeta.tsx
@@ -21,7 +21,7 @@ export default function PostMeta({
 }) {
   return (
     <div className="xlog-post-meta">
-      <div className="text-zinc-400 mt-4 space-x-5 flex items-center">
+      <div className="text-zinc-400 mt-5 space-x-5 flex items-center justify-center">
         <Time isoString={page?.metadata?.content?.date_published} />
         {page.metadata?.content?.tags?.filter(
           (tag) => tag !== "post" && tag !== "page",
@@ -51,7 +51,7 @@ export default function PostMeta({
         />
       </div>
       {summary && (
-        <div className="xlog-post-summary border rounded-xl mt-4 p-4 space-y-2">
+        <div className="xlog-post-summary border rounded-xl mt-5 p-4 space-y-2">
           <div className="font-bold text-zinc-700 flex items-center">
             <i className="icon-[mingcute--sparkles-line] mr-2 text-lg" />
             {translated?.["AI-generated summary"] || "AI-generated summary"}