Backup Codes: Wrap the notice in a <div> to ensure it remains on a si…

…ngle line. (#301) * Wrap the notice in a <div> to ensure it remains on a single line. Fixes #299
WordPress · Aug 20, 2024 · 08695f6 · 08695f6
1 parent 4a154cc
commit 08695f6
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/settings/src/components/backup-codes.js b/settings/src/components/backup-codes.js
@@ -230,10 +230,12 @@ function Manage( { setRegenerating } ) {
 				{ backupCodesRemaining <= 5 && (
 					<Notice status="warning" isDismissible={ false }>
 						<Icon icon={ warning } />
-						You only have <strong>{ backupCodesRemaining }</strong> backup codes
-						remaining. Please regenerate and save new ones before you run out. If you
-						don&apos;t, you won&apos;t be able to log into your account if you lose your
-						phone.
+						<div>
+							You only have <strong>{ backupCodesRemaining }</strong> backup codes
+							remaining. Please regenerate and save new ones before you run out. If
+							you don&apos;t, you won&apos;t be able to log into your account if you
+							lose your phone.
+						</div>
 					</Notice>
 				) }
 			</div>