diff --git a/core/css/guest.css b/core/css/guest.css
index c0a24e0d70c16..4ded387d3ae74 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -416,7 +416,7 @@ form .warning input[type='checkbox']+label {
 	margin: 15px auto 0;
 }
 .two-factor-provider {
-	display: flex;
+	display: inline-flex;
 	border-radius: 3px; /* --border-radius */
 	margin: 12px 0;
 	border: 1px solid transparent;
diff --git a/core/css/styles.css b/core/css/styles.css
index c60b5dc396cce..33bf38728b4a8 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -131,7 +131,7 @@ body {
 
 .two-factor-provider {
   text-align: center;
-  width: 258px !important;
+  width: 300px !important;
   display: inline-block;
   margin-bottom: 0 !important;
   background-color: var(--color-background-darker) !important;
diff --git a/core/css/styles.scss b/core/css/styles.scss
index bfc570426c3bb..67781e396f642 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -112,7 +112,7 @@ body {
 
 .two-factor-provider {
 	text-align: center;
-	width: 258px !important;
+	width: 300px !important;
 	display: inline-block;
 	margin-bottom: 0 !important;
 	background-color: var(--color-background-darker) !important;