diff --git a/components/HomeBanner.tsx b/components/HomeBanner.tsx
index cbf895d..6b8bb2d 100644
--- a/components/HomeBanner.tsx
+++ b/components/HomeBanner.tsx
@@ -5,7 +5,7 @@ import { useDeviceType } from '@/hooks/useDeviceType';
 export default function HomeBanner() {
   const { isDesktop } = useDeviceType();
   return (
-    <div data-alt="home-banner-wrapper" className="sticky top-0 z-50 w-full mx-auto p-0 overflow-hidden bg-gradient-to-b from-black/80 to-black/10">
+    <div data-alt="home-banner-wrapper" className="sticky top-0 z-50 w-full mx-auto p-0 overflow-hidden bg-gradient-to-b from-black/80 to-black/10 pt-20">
       {/* Base content - always present under the banner */}
       <div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div>
       <div className='mx-auto w-full max-w-[600px] px-3 py-2 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div>
diff --git a/components/pages/create-video/CreateInput/VideoCreationForm.tsx b/components/pages/create-video/CreateInput/VideoCreationForm.tsx
index 6dc1e6e..68df3d0 100644
--- a/components/pages/create-video/CreateInput/VideoCreationForm.tsx
+++ b/components/pages/create-video/CreateInput/VideoCreationForm.tsx
@@ -422,6 +422,9 @@ export default function VideoCreationForm() {
                             data-alt="main-text-input"
                             ref={mainTextInputRef}
                             className="w-full h-full bg-transparent text-gray-300 text-base placeholder:italic placeholder-gray-400 resize-none outline-none border-none"
+                            style={{
+                                minHeight: '4.25rem'
+                            }}
                             placeholder={dynamicPlaceholder}
                             value={inputText}
                             onChange={(e) => setInputText(e.target.value)}
diff --git a/components/pages/create-video/CreateVideo.tsx b/components/pages/create-video/CreateVideo.tsx
index 4346693..a13a306 100644
--- a/components/pages/create-video/CreateVideo.tsx
+++ b/components/pages/create-video/CreateVideo.tsx
@@ -5,7 +5,7 @@ import FamousTemplate from '@/components/FamousTemplate';
 
 export default function CreateVideo() {
     return (
-        <div data-alt="create-video-page" className="w-full">
+        <div data-alt="create-video-page" className="w-full pt-20">
             <div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div>
             <div className='mx-auto w-full max-w-[600px] px-3 py-2 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div>
             <div className='py-2'>