diff --git a/src/layout/page-layout.tsx b/src/layout/page-layout.tsx
index 0e3f40b..8b1a7f5 100644
--- a/src/layout/page-layout.tsx
+++ b/src/layout/page-layout.tsx
@@ -15,7 +15,7 @@ const PageLayout: FC<IProps> = (props) => {
         <title>{props.title}</title>
         <meta name="description" content={props.description} />
       </Head>
-      <div className="bg-background text-text">
+      <div className="bg-background text-text overflow-x-hidden">
         <Navbar title={props.title} />
         {props.children}
       </div>
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 1e45f3f..6164583 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -1,7 +1,7 @@
 export default function About() {
   return (
     <>
-      <div className="w-screen h-[calc(100vh-74px)] bg-background flex justify-center px-4">
+      <div className="w-screen h-full bg-background flex justify-center px-4">
         <div className="py-4 max-w-lg">
           <h1 className="text-2xl underline">about web-expl</h1>
           <p className="text-primary">
@@ -31,6 +31,7 @@ export default function About() {
           </p>
           <br />
           <center>Developed with 💖 using NextJS, TailwindCSS and ThreeJS</center>
+          <div className="p-16"/>
         </div>
       </div>
     </>