diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 66c0591..3dec72a 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -97,7 +97,7 @@ export default function Header({ onSetGraphName }: Props) {
                     </NavigationMenu>
                 </div>
             </div>
-            <div className="h-2 Top" />
+            <div className="h-2 Gradient" />
         </div>
     )
 }
diff --git a/app/components/ui/Dropzone.tsx b/app/components/ui/Dropzone.tsx
index 9342631..1ab97cb 100644
--- a/app/components/ui/Dropzone.tsx
+++ b/app/components/ui/Dropzone.tsx
@@ -56,7 +56,7 @@ function Dropzone({ filesCount = false, className = "", withTable = false, disab
                             <ArrowDownToLine color='#57577B' />
                             <span>Or <span className='text-[#7167F6]'>Browse</span></span>
                         </div>
-                        : <p className={cn('underline underline-offset-2 text-[#99E4E5]', disabled && "opacity-30")}>Upload Certificate</p>
+                        : <p className={cn('underline underline-offset-2 text-[#99E4E5]', disabled ? "opacity-30 cursor-text" : "cursor-pointer")}>Upload Certificate</p>
                 }
             </div>
             {
diff --git a/app/globals.css b/app/globals.css
index 830ec07..28ca906 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -60,11 +60,7 @@
         @apply h-full w-full flex flex-col bg-background;
     }
 
-    .LandingPage {
-        background: linear-gradient(180deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
-    }
-
-    .Top {
+    .Gradient {
         background: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
     }
 
diff --git a/app/layout.tsx b/app/layout.tsx
index 141d0f5..185eaa8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -24,7 +24,7 @@ export default function RootLayout({
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
-      <body className={`h-full LandingPage ${inter.className}`}>
+      <body className={`h-full bg-foreground ${inter.className}`}>
         <GTM />
         <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index be315cb..3c8458b 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -118,12 +118,10 @@ export default function LoginForm() {
   }
 
   return (
-    <div className="relative h-full w-full bg-foreground flex flex-col">
+    <div className="relative h-full w-full flex flex-col">
       <div className="grow flex items-center justify-center">
         <div className="flex flex-col gap-8 items-center">
-          <div className="bg-foreground">
-            <Image priority src="/BrowserLogo.svg" alt="Loading..." width={500} height={1} />
-          </div>
+          <Image priority src="/BrowserLogo.svg" alt="Loading..." width={500} height={1} />
           <FormComponent
             fields={fields}
             handleSubmit={onSubmit}
@@ -144,7 +142,7 @@ export default function LoginForm() {
           </FormComponent>
         </div>
       </div>
-      <div className="h-5 Top" />
+      <div className="h-5 Gradient" />
     </div>
   );
 }
diff --git a/app/page.tsx b/app/page.tsx
index 2fd5e7c..4c6b09f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,13 +1,21 @@
 "use client";
 
 import Spinning from "@/app/components/ui/spinning";
+import Image from "next/image";
+import pkg from '@/package.json';
 
 export default function Home() {
   return (
-    <div className="h-full LandingPage">
-      <main className="h-full flex items-center justify-center">
-        <Spinning/>
+    <div className="h-full bg-foreground flex flex-col gap-4">
+      <main className="grow flex flex-col gap-8 items-center justify-center">
+        <Image priority src="/BrowserLogo.svg" alt="FalkorDB Logo" width={400} height={100} />
+        <Spinning />
       </main>
+      <div className="flex flex-col gap-8 justify-center items-center">
+        <p>Version: {`{${pkg.version}}`}</p>
+        <p className="text-sm">All Rights Reserved © 2024 - {new Date().getFullYear()} falkordb.com</p>
+      </div>
+      <div className="h-5 Gradient" />
     </div>
   )
 }
