diff --git a/src/components/landing/LandingHeroCtas.tsx b/src/components/landing/LandingHeroCtas.tsx
index 8ab3220..3e945f7 100644
--- a/src/components/landing/LandingHeroCtas.tsx
+++ b/src/components/landing/LandingHeroCtas.tsx
@@ -5,7 +5,9 @@ import Link from "next/link";
 
 export function LandingHeroCtas() {
   return (
-    <div className={cn("flex flex-col gap-12 mt-20", "md:flex-row items-center gap-8 mt-10")}>
+    <div
+      className={cn("flex flex-col gap-12 mt-20", "md:flex-row md:items-center md:gap-8 md:mt-10")}
+    >
       <Link href="/login">
         <Button preset="hero" pill>
           <span className="inline-flex items-center gap-4">