diff --git a/frontend/src/components/Home.js b/frontend/src/components/Home.js
index 683dd6c..fccfb12 100644
--- a/frontend/src/components/Home.js
+++ b/frontend/src/components/Home.js
@@ -6,9 +6,9 @@ import { TypeAnimation } from "react-type-animation";
 
 const Home = () => {
   return (
-    <div className="relative z-10 sm: pt-32 md: pt-64 lg:pt-96">
+    <div className="relative z-10 sm: mt-48 lg:mt-72">
       <div className="max-w-4xl mx-auto text-center">
-        <h1 className="text-white mb-4 text-4xl sm:text-5xl lg:text-6xl font-extrabold">
+        <h1 className="text-white mb-4 text-4xl sm:text-5xl lg:text-7xl font-extrabold">
           <TypeAnimation
             sequence={[
               "From YouTube!",