diff --git a/components/about.tsx b/components/about.tsx
index 4224f84..38eeef6 100644
--- a/components/about.tsx
+++ b/components/about.tsx
@@ -4,7 +4,7 @@ import Background from "./background";
 const About: React.FC = () => {
   return (
     <main id="about" className="animate-fadeIn">
-      <Background styles="h-max flex items-center">
+      <Background styles="h-screen flex items-center">
         {/* <div className="grid grid-cols-2 text-black max-w-4xl mx-auto p-6"> */}
         <div className="grid grid-cols-1 md:grid-cols-2 text-black justify-items-end mx-auto p-10">
           <section className="mb-8 max-w-3xl">