Update Header.tsx

aelassas · Dec 16, 2024 · ab6d5ed · ab6d5ed
1 parent f80792c
commit ab6d5ed
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/frontend/src/assets/css/header.css b/frontend/src/assets/css/header.css
@@ -54,6 +54,10 @@
   background-color: rgba(0, 0, 0, 0.07) !important;
 }
 
+.header .btn-auth span.btn-auth-txt {
+  white-space: nowrap;
+}
+
 .header .logo {
   text-decoration: none;
   font-size: 18px;

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -413,13 +413,13 @@ const Header = ({
                 </Button>
               )}
               {!hideSignin && !isSignedIn && isLoaded && !loading && (
-                <Button variant="contained" size="medium" startIcon={<SignUpIcon />} href="/sign-up" disableElevation className="btn btn-margin">
-                  {suStrings.SIGN_UP}
+                <Button variant="contained" size="medium" startIcon={<SignUpIcon />} href="/sign-up" disableElevation className="btn btn-auth" aria-label="Sign in">
+                  <span className="btn-auth-txt">{suStrings.SIGN_UP}</span>
                 </Button>
               )}
               {!hideSignin && !isSignedIn && isLoaded && !loading && (
-                <Button variant="contained" size="medium" startIcon={<LoginIcon />} href="/sign-in" disableElevation className="btn">
-                  {strings.SIGN_IN}
+                <Button variant="contained" size="medium" startIcon={<LoginIcon />} href="/sign-in" disableElevation className="btn btn-auth" aria-label="Sign up">
+                  <span className="btn-auth-txt">{strings.SIGN_IN}</span>
                 </Button>
               )}
               {isSignedIn && (