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