From fba56039b45e336adbe69feba32f6df9eb44fec6 Mon Sep 17 00:00:00 2001
From: Brian <brian@brianhaas.li>
Date: Sun, 22 Feb 2026 23:08:07 +0100
Subject: [PATCH 1/3] add core css to user-edit.css file

---
 user-edit.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/user-edit.css b/user-edit.css
index badb1eea..e83b90b1 100644
--- a/user-edit.css
+++ b/user-edit.css
@@ -17,3 +17,34 @@
 	padding: 0.1rem 0.25rem;
 	margin: 0 0.15rem;
 }
+
+.backup-methods-wrap {
+	margin-top: 16px;
+	padding: 0 24px;
+}
+
+.backup-methods-wrap a {
+	text-decoration: none;
+}
+
+.backup-methods-wrap ul {
+	list-style-position: inside;
+}
+
+/* Prevent Jetpack from hiding our controls, see https://github.com/Automattic/jetpack/issues/3747 */
+.jetpack-sso-form-display #loginform > p,
+.jetpack-sso-form-display #loginform > div {
+	display: block;
+}
+
+#login form p.two-factor-prompt {
+	margin-bottom: 1em;
+}
+
+.input.authcode {
+	letter-spacing: .3em;
+}
+
+.input.authcode::placeholder {
+	opacity: 0.5;
+}

From 611dcbb336b6b3924abced249dc7b13c36c50c7d Mon Sep 17 00:00:00 2001
From: Brian <brian@brianhaas.li>
Date: Sun, 22 Feb 2026 23:08:46 +0100
Subject: [PATCH 2/3] enqueue css and remove style from file

---
 class-two-factor-core.php | 29 ++---------------------------
 1 file changed, 2 insertions(+), 27 deletions(-)

diff --git a/class-two-factor-core.php b/class-two-factor-core.php
index d7e67869..c9f960f6 100644
--- a/class-two-factor-core.php
+++ b/class-two-factor-core.php
@@ -1041,6 +1041,8 @@ public static function login_html( $user, $login_nonce, $redirect_to, $error_msg
 		// Disable the language switcher.
 		add_filter( 'login_display_language_dropdown', '__return_false' );
 
+		wp_enqueue_style( 'user-edit-2fa', plugins_url( 'user-edit.css', __FILE__ ), array(), TWO_FACTOR_VERSION );
+
 		login_header();
 
 		if ( ! empty( $error_msg ) ) {
@@ -1100,33 +1102,6 @@ public static function login_html( $user, $login_nonce, $redirect_to, $error_msg
 			</div>
 		<?php endif; ?>
 
-		<style>
-			/* @todo: migrate to an external stylesheet. */
-			.backup-methods-wrap {
-				margin-top: 16px;
-				padding: 0 24px;
-			}
-			.backup-methods-wrap a {
-				text-decoration: none;
-			}
-			.backup-methods-wrap ul {
-				list-style-position: inside;
-			}
-			/* Prevent Jetpack from hiding our controls, see https://github.com/Automattic/jetpack/issues/3747 */
-			.jetpack-sso-form-display #loginform > p,
-			.jetpack-sso-form-display #loginform > div {
-				display: block;
-			}
-			#login form p.two-factor-prompt {
-				margin-bottom: 1em;
-			}
-			.input.authcode {
-				letter-spacing: .3em;
-			}
-			.input.authcode::placeholder {
-				opacity: 0.5;
-			}
-		</style>
 		<script>
 			(function() {
 				// Enforce numeric-only input for numeric inputmode elements.

From cf9131805b8e9e21d7e776278ec49aaf9074ad4e Mon Sep 17 00:00:00 2001
From: Brian <brian@brianhaas.li>
Date: Sun, 22 Feb 2026 23:32:28 +0100
Subject: [PATCH 3/3] Fix lint

---
 user-edit.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/user-edit.css b/user-edit.css
index e83b90b1..3599a0ff 100644
--- a/user-edit.css
+++ b/user-edit.css
@@ -42,7 +42,7 @@
 }
 
 .input.authcode {
-	letter-spacing: .3em;
+	letter-spacing: 0.3em;
 }
 
 .input.authcode::placeholder {