diff --git a/src/app/settings/settingsTwoStepAuthenticatorController.js b/src/app/settings/settingsTwoStepAuthenticatorController.js
index 2cd255e1dc2..0bedfc3d3b2 100644
--- a/src/app/settings/settingsTwoStepAuthenticatorController.js
+++ b/src/app/settings/settingsTwoStepAuthenticatorController.js
@@ -44,7 +44,7 @@
 
             $scope.model = {
                 key: formatString(_key),
-                qr: 'https://chart.googleapis.com/chart?chs=123x123&chld=L|0&cht=qr&chl=otpauth://totp/' +
+                qr: 'https://chart.googleapis.com/chart?chs=160x160&chld=L|0&cht=qr&chl=otpauth://totp/' +
                 _issuer + ':' + encodeURIComponent(_profile.email) +
                 '%3Fsecret=' + encodeURIComponent(_key) +
                 '%26issuer=' + _issuer
diff --git a/src/app/settings/views/settingsTwoStepAuthenticator.html b/src/app/settings/views/settingsTwoStepAuthenticator.html
index 14edc9687e6..70e6bb6bded 100644
--- a/src/app/settings/views/settingsTwoStepAuthenticator.html
+++ b/src/app/settings/views/settingsTwoStepAuthenticator.html
@@ -74,10 +74,10 @@
         <hr ng-if="enabled" />
         <h4 ng-if="!enabled" style="margin-top: 30px;">2. Scan this QR code with your authenticator app</h4>
         <div class="row">
-            <div class="col-md-4 text-center">
+            <div class="col-sm-4 text-center">
                 <p><img ng-src="{{model.qr}}" alt="QR" /></p>
             </div>
-            <div class="col-md-8">
+            <div class="col-sm-8">
                 <p>
                     <strong>Can't scan the code?</strong> You can add the code to your application manually using the
                     following details: