From 2a2613aa87e8f7b9826ef481406d723bc1cbe6c4 Mon Sep 17 00:00:00 2001
From: Dhravya <dhravyashah@gmail.com>
Date: Tue, 21 May 2024 22:38:55 -0500
Subject: [PATCH] fix: center follow on twitter button

---
 apps/web-v2/src/app/(landing)/Hero.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/web-v2/src/app/(landing)/Hero.tsx b/apps/web-v2/src/app/(landing)/Hero.tsx
index ceb5f545..b2bea5b7 100644
--- a/apps/web-v2/src/app/(landing)/Hero.tsx
+++ b/apps/web-v2/src/app/(landing)/Hero.tsx
@@ -23,18 +23,26 @@ function Hero() {
     <>
       <section className="mt-24 flex max-w-xl flex-col items-center justify-center gap-10 md:mt-56">
         <a
-          className="group/anchor pl-10 pr-6 flex items-center justify-center gap-4 rounded-full text-white/80 bg-white/10 py-2 text-sm"
+          className="group/anchor flex items-center justify-center gap-4 rounded-full bg-white/10 py-2 pl-10 pr-6 text-sm text-white/80"
           href="https://twitter.com/supermemoryai"
           target="_blank"
         >
-          <Twitter className="h-4 w-4" /><div className="flex"> Follow us on Twitter <LinkArrow classname="group-hover/anchor:opacity-100 opacity-0 transition" stroke="#ffffff" /></div>
+          <Twitter className="h-4 w-4" />
+          <div className="flex items-center">
+            {" "}
+            Follow us on Twitter{" "}
+            <LinkArrow
+              classname="group-hover/anchor:opacity-100 opacity-0 transition"
+              stroke="#ffffff"
+            />
+          </div>
         </a>
         <motion.h1
           {...{
             ...slap,
             transition: { ...slap.transition, delay: 0.2 },
           }}
-          className="text-center text-4xl text-white/95 md:text-5xl tracking-normal font-semibold"
+          className="text-center text-4xl font-semibold tracking-normal text-white/95 md:text-5xl"
         >
           Build your own second brain with Supermemory
         </motion.h1>