From 4d006f2c6ca0d184143ea5988d8a5e2e0fd7c814 Mon Sep 17 00:00:00 2001
From: Matt Carroll <mattca@meta.com>
Date: Tue, 20 May 2025 16:21:03 -0700
Subject: [PATCH] Make banner visable on mobile

---
 src/components/SocialBanner.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/SocialBanner.tsx b/src/components/SocialBanner.tsx
index ae87d2050dc..57ad642082b 100644
--- a/src/components/SocialBanner.tsx
+++ b/src/components/SocialBanner.tsx
@@ -33,14 +33,16 @@ export default function SocialBanner() {
     <div
       ref={ref}
       className={cn(
-        `h-[40px] hidden lg:flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 sm:py-0 items-center justify-center flex-col sm:flex-row z-[100]`
+        `h-[40px] flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 items-center justify-center flex-col flex-row z-[100]`
       )}>
-      <div className="hidden sm:block">{bannerText}</div>
-      <ExternalLink
-        className="ms-0 sm:ms-1 text-link dark:text-link-dark hover:underline"
-        href={bannerLink}>
-        {bannerLinkText}
-      </ExternalLink>
+      <div className="block">
+        {bannerText}
+        <ExternalLink
+          className="ms-1 text-link dark:text-link-dark hover:underline"
+          href={bannerLink}>
+          {bannerLinkText}
+        </ExternalLink>
+      </div>
     </div>
   );
 }