diff --git a/electron/servers/nextjs/app/(presentation-generator)/upload/page.tsx b/electron/servers/nextjs/app/(presentation-generator)/upload/page.tsx
index 81fc1024..c1692d17 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/upload/page.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/upload/page.tsx
@@ -43,7 +43,7 @@ export const metadata: Metadata = {
 
 const page = () => {
   return (
-    <div className="relative">
+    <div className="relative min-h-screen">
       <Header />
       <div className="flex flex-col items-center justify-center  mb-8">
         <h1 className="text-[64px] relative leading-[112%] font-semibold font-syne text-[#101323] ">
@@ -62,7 +62,14 @@ const page = () => {
         </h1>
         <p className="text-xl  font-syne text-[#101323CC]">Turn prompts or documents into presentations with AI</p>
       </div>
-      {/* stars */}
+      <div
+        className='fixed z-0 -bottom-[14.5rem] left-0 w-full h-full'
+        style={{
+          height: "341px",
+          borderRadius: '1440px',
+          background: 'radial-gradient(5.92% 104.69% at 50% 100%, rgba(122, 90, 248, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(122, 90, 248, 0.80) 0%, rgba(122, 90, 248, 0.00) 100%)',
+        }}
+      />
 
 
       <UploadPage />
diff --git a/servers/nextjs/app/(presentation-generator)/upload/page.tsx b/servers/nextjs/app/(presentation-generator)/upload/page.tsx
index 81fc1024..bfc2c49e 100644
--- a/servers/nextjs/app/(presentation-generator)/upload/page.tsx
+++ b/servers/nextjs/app/(presentation-generator)/upload/page.tsx
@@ -43,9 +43,9 @@ export const metadata: Metadata = {
 
 const page = () => {
   return (
-    <div className="relative">
+    <div className="relative min-h-screen">
       <Header />
-      <div className="flex flex-col items-center justify-center  mb-8">
+      <div className="flex flex-col items-center justify-center  mb-8 ">
         <h1 className="text-[64px] relative leading-[112%] font-semibold font-syne text-[#101323] ">
           Generate
 
@@ -62,8 +62,15 @@ const page = () => {
         </h1>
         <p className="text-xl  font-syne text-[#101323CC]">Turn prompts or documents into presentations with AI</p>
       </div>
-      {/* stars */}
 
+      <div
+        className='fixed z-0 -bottom-[14.5rem] left-0 w-full h-full'
+        style={{
+          height: "341px",
+          borderRadius: '1440px',
+          background: 'radial-gradient(5.92% 104.69% at 50% 100%, rgba(122, 90, 248, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(122, 90, 248, 0.80) 0%, rgba(122, 90, 248, 0.00) 100%)',
+        }}
+      />
 
       <UploadPage />
     </div>