diff --git a/resources/js/pages/home/partials/BrandLogo.jsx b/resources/js/pages/home/partials/BrandLogo.jsx
index 91e0c42..b91832c 100644
--- a/resources/js/pages/home/partials/BrandLogo.jsx
+++ b/resources/js/pages/home/partials/BrandLogo.jsx
@@ -4,12 +4,12 @@ import { route } from 'ziggy-js';
 
 const BrandLogo = ({ className = '', onNavClick = () => {}, isNavActive = false }) => {
     return (
-        <Link href={route('home')} className={cn('flex w-full items-center justify-center gap-2 hover:opacity-80 transition-opacity', className)}>
+        <Link href={route('home')} className={cn('flex w-full items-center justify-center gap-2 transition-opacity hover:opacity-80', className)}>
             <img alt="MEMEFA.ST LOGO" className="h-10 w-10" src="/logo/memefast-logo-144.png"></img>
 
             <div className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
                 <span className="text-foreground">MEME</span>
-                <span className="text-[#00DD00] dark:text-[#00FF00]">FAST</span>
+                <span className="text-[#00DD00] dark:text-[#00FF00]">FA.ST</span>
             </div>
         </Link>
     );
diff --git a/resources/js/pages/home/partials/Hero.jsx b/resources/js/pages/home/partials/Hero.jsx
index aaaab8c..8822ace 100644
--- a/resources/js/pages/home/partials/Hero.jsx
+++ b/resources/js/pages/home/partials/Hero.jsx
@@ -18,14 +18,14 @@ const Hero = () => {
                             <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>
+                                <span className="text-[#00DD00] dark:text-[#00FF00]">FA.ST</span>
                             </h1>
                         </div>
 
                         <h2 className="text-foreground mx-auto max-w-4xl text-xl leading-relaxed font-bold sm:text-2xl lg:text-2xl">
                             Make meme videos right in your browser
                         </h2>
-                        <p className="text-muted-foreground">No additional software needed. Don't believe it? press the Download button above.</p>
+                        <p className="text-muted-foreground">No additional software required! Just press the Download button when you're done.</p>
                     </div>
 
                     {/* Stats */}