diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 93548460..13d18a25 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -3,9 +3,8 @@
 
 export default function About() {
   return (
-    //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
     <div className="mx-5 grid min-h-screen md:mx-36">
-      <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
+      <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 pt-14 pb-14 text-jet lg:p-10 xl:p-16">
         <div className="flex items-center">
           <p className="mr-2 text-3xl">About DocsGPT</p>
           <p className="text-[21px]">🦖</p>