diff --git a/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs b/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
index 29a3a61df30..2865656f39a 100644
--- a/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
+++ b/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
@@ -48,7 +48,11 @@
 
         <div class="control-group">
           <div class="controls">
-            {{{secondFactorImage}}}
+            <div class="qr-code-container">
+              <div class="qr-code">
+                {{{secondFactorImage}}}
+              </div>
+            </div>
 
             <p>
             {{#if showSecondFactorKey}}
diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index 8c39904e934..59c235e5be5 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -565,3 +565,10 @@
   }
 }
 
+.qr-code-container {
+    display: flex;
+    .qr-code {
+        padding: 5px 5px 0 5px;
+        background-color: white;
+    }
+}