diff --git a/resources/js/pages/home/partials/Hero.jsx b/resources/js/pages/home/partials/Hero.jsx
index 0f9d864..a8bf35e 100644
--- a/resources/js/pages/home/partials/Hero.jsx
+++ b/resources/js/pages/home/partials/Hero.jsx
@@ -16,8 +16,8 @@ const Hero = () => {
                     {/* Main heading */}
                     <div className="space-y-0">
                         <div className="flex items-center justify-center gap-2">
-                            <img alt="MEMEFA.ST LOGO" className="h-24 w-24" src="logo/memefast-logo-180.png"></img>
-                            <h1 className="font-display text-6xl font-black tracking-tight sm:text-7xl lg:text-8xl">
+                            <img alt="MEMEFA.ST LOGO" className="h-16 w-16 md:h-18 md:w-18 lg:h-24 lg:w-24" src="logo/memefast-logo-180.png"></img>
+                            <h1 className="font-display text-4xl font-black tracking-tight sm:text-6xl lg:text-8xl">
                                 <span className="text-foreground">MEME</span>
                                 <span className="text-[#00DD00] dark:text-[#00FF00]">FAST</span>
                             </h1>