diff --git a/components/Hero.jsx b/components/Hero.jsx
index fc78760..d28a22b 100644
--- a/components/Hero.jsx
+++ b/components/Hero.jsx
@@ -35,13 +35,13 @@ function Hero() {
           </Link>
         </div>
       </div>
-      <div className="md:w-1/2 sm:px-5 py-16 md:py-24 self-center">
+      <div className="md:w-1/2 sm:px-5 py-8 md:py-16 self-center">
         <div className="bg-border p-2 rounded-xl">
           <Image
             src="/screenshot.png"
             alt="MERNMail screenshot"
-            width={1920}
-            height={1080}
+            width={1600}
+            height={1200}
             className="w-full rounded-lg"
           />
         </div>
diff --git a/public/screenshot.png b/public/screenshot.png
index 2d15344..32d1589 100644
Binary files a/public/screenshot.png and b/public/screenshot.png differ