From 3d35537f6f67985cb15b843494c27194bcc77923 Mon Sep 17 00:00:00 2001
From: Jake Rosenberg <jrosenberg@tacc.utexas.edu>
Date: Mon, 25 Nov 2024 17:17:54 -0600
Subject: [PATCH] Increase MFA unpairing message font size (#489)

---
 libs/tup-components/src/mfa/Mfa.module.css       | 4 ++++
 libs/tup-components/src/mfa/MfaUnpairingView.tsx | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/libs/tup-components/src/mfa/Mfa.module.css b/libs/tup-components/src/mfa/Mfa.module.css
index 8b7556868..ba888c17c 100644
--- a/libs/tup-components/src/mfa/Mfa.module.css
+++ b/libs/tup-components/src/mfa/Mfa.module.css
@@ -126,6 +126,10 @@ label.qr-code-alt-label {
     .mfa-message {
         width: max-content;
     }
+    
+    .mfa-unpair-message {
+        font-size: var(--global-font-size--medium)
+    }
 
     /* HACK: Position .mfa-message at the bottom and "outside" of the panels */
     .pairing-container *:not(:only-child) .mfa-message {
diff --git a/libs/tup-components/src/mfa/MfaUnpairingView.tsx b/libs/tup-components/src/mfa/MfaUnpairingView.tsx
index 73fe07969..9bb14b3d2 100644
--- a/libs/tup-components/src/mfa/MfaUnpairingView.tsx
+++ b/libs/tup-components/src/mfa/MfaUnpairingView.tsx
@@ -111,7 +111,9 @@ const MfaUnpairingView: React.FC = () => {
           </form>
 
           {!sendChallengeSuccess && !unpairCode && (
-            <p className={styles['mfa-message']}>
+            <p
+              className={`${styles['mfa-message']} ${styles['mfa-unpair-message']}`}
+            >
               Alternatively,{' '}
               <Button type="link" onClick={() => unpairWithEmail(null)}>
                 unpair via email