From 00e88518db13060b11ee5759c27bfe45f0557be2 Mon Sep 17 00:00:00 2001
From: Gregg Stubberfield <StubberG3@gmail.com>
Date: Tue, 11 Nov 2025 18:10:38 -0500
Subject: [PATCH] feat: #335 - Edit beta banner for mobile

---
 frontend/src/components/Header/Header.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
index f696b614..49798c83 100644
--- a/frontend/src/components/Header/Header.tsx
+++ b/frontend/src/components/Header/Header.tsx
@@ -101,7 +101,7 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
   return (
     <header className="z-50 fixed w-full items-center no-print">
       <div className="w-full items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:flex">
-        <p className="">
+        <p className="hidden md:block">
           Welcome to Balancer’s first release! Found a bug or have feedback? Let us know {" "}
           <Link
             to="/feedback"
@@ -115,6 +115,13 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
           </a>
           .
         </p>
+        <p className="sm:block md:hidden">
+          App is in beta; report issues to {" "}
+          <a href="mailto:balancerteam@codeforphilly.org" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+            balancerteam@codeforphilly.org
+          </a>
+          .
+        </p>
       </div>
       <div
         className={