diff --git a/apps/web/components/Footer.tsx b/apps/web/components/Footer.tsx
index 5499c34..5cd93f4 100644
--- a/apps/web/components/Footer.tsx
+++ b/apps/web/components/Footer.tsx
@@ -13,7 +13,7 @@ const alata = Montserrat({
 });
 function Footer() {
   return (
-    <div className="w-full bg-slate-900  dark:bg-grid-white/[0.2] bg-grid-black/[0.2] relative flex items-center justify-center pb-10">
+    <div className="w-full bg-slate-900 h-[50vh] dark:bg-grid-white/[0.2] bg-grid-black/[0.2] relative flex items-center justify-center pb-10">
       <div className="absolute pointer-events-none inset-0 flex items-center justify-center bg-black  [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)]"></div>
       <footer className="bg-transparent rounded-lg  m-4 mx-auto w-[80%] z-10 flex items-center justify-center">
         <div className="w-full max-w-screen-xl mx-auhref p-4 md:py-8">
diff --git a/apps/web/components/ui/infinite-effect.tsx b/apps/web/components/ui/infinite-effect.tsx
index e5c9543..d4f8b10 100644
--- a/apps/web/components/ui/infinite-effect.tsx
+++ b/apps/web/components/ui/infinite-effect.tsx
@@ -20,7 +20,7 @@ export const GoogleGeminiEffect = ({
   className?: string;
 }) => {
   return (
-    <div className={cn("sticky top-80 z-10", className)}>
+    <div className={cn("sticky top-48 z-10", className)}>
       <p className="text-4xl font-extrabold md:text-7xl sm:font-normal pb-4 text-center bg-clip-text text-transparent bg-gradient-to-b from-neutral-100 to-neutral-300">
         {title || `Build with Create My API`}
       </p>