diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index d15ec811..895d66ab 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -4510,6 +4510,12 @@ a.donate-with-crypto::after {
 }
 
 #api_qr_code {
-    padding: 1px;
+    width: 100%;
+    padding: 0;
+    margin: 0 0 10px;
     line-height: 1;
+    text-align: center;
+    background-color: #eee;
+    border: 1px solid #ccc;
+    border-radius: 4px;
 }
diff --git a/data/interfaces/default/mobile_devices_table.html b/data/interfaces/default/mobile_devices_table.html
index 0ed353a3..be894624 100644
--- a/data/interfaces/default/mobile_devices_table.html
+++ b/data/interfaces/default/mobile_devices_table.html
@@ -94,7 +94,8 @@ DOCUMENTATION :: END
             render: 'canvas',
             ecLevel: 'H',
             size: 256,
-            fill: '#000'
+            fill: '#000',
+            back: '#eee'
         });
     }
 
diff --git a/data/interfaces/default/settings.html b/data/interfaces/default/settings.html
index 9088f0f1..3f0d2807 100644
--- a/data/interfaces/default/settings.html
+++ b/data/interfaces/default/settings.html
@@ -2058,7 +2058,7 @@ Rating: {rating}/10   --> Rating: /10
                     Note: OneSignal.com must not be blocked (e.g. in Pi-hole) for device registration.
                 </p>
                 <label>QR Code</label>
-                <pre id="api_qr_code" style="text-align: center"></pre>
+                <div id="api_qr_code"></div>
                 <label>Tautulli Address</label>
                 <input type="text" class="form-control" id="api_qr_address">
                 <p class="help-block" id="api_qr_localhost" style="display: none;">