diff --git a/pages/links/[id].tsx b/pages/links/[id].tsx
index 9f2aaec..55f5648 100644
--- a/pages/links/[id].tsx
+++ b/pages/links/[id].tsx
@@ -19,10 +19,12 @@ const Index = () => {
   return (
     <div className="flex h-screen py-20">
       {getLink.data ? (
-        <LinkDetails
-          link={getLink.data}
-          className="max-w-xl p-5 m-auto w-full"
-        />
+        <div className="m-auto py-20 w-full">
+          <LinkDetails
+            link={getLink.data}
+            className="max-w-xl mx-auto p-5 w-full"
+          />
+        </div>
       ) : (
         <div className="max-w-xl p-5 m-auto w-full flex flex-col items-center gap-5">
           <div className="w-20 h-20 skeleton rounded-xl"></div>
diff --git a/pages/public/links/[id].tsx b/pages/public/links/[id].tsx
index 9f2aaec..8f3ef13 100644
--- a/pages/public/links/[id].tsx
+++ b/pages/public/links/[id].tsx
@@ -17,12 +17,14 @@ const Index = () => {
   }, []);
 
   return (
-    <div className="flex h-screen py-20">
+    <div className="flex h-screen">
       {getLink.data ? (
-        <LinkDetails
-          link={getLink.data}
-          className="max-w-xl p-5 m-auto w-full"
-        />
+        <div className="m-auto py-20 w-full">
+          <LinkDetails
+            link={getLink.data}
+            className="max-w-xl mx-auto p-5 w-full"
+          />
+        </div>
       ) : (
         <div className="max-w-xl p-5 m-auto w-full flex flex-col items-center gap-5">
           <div className="w-20 h-20 skeleton rounded-xl"></div>