diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index d9515dbff9..321d9e1cf4 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -1,3 +1,14 @@
+.qr-code {
+    max-width: 400px;
+    max-height: 400px;
+    align-content: center;
+}
+
+.qr-container {
+    width: 100%;
+    align-content: center;
+}
+
 .navbar-brand {
     float: left;
 }
diff --git a/InvenTree/InvenTree/tests.py b/InvenTree/InvenTree/tests.py
index 2d1b345687..4e238a6c80 100644
--- a/InvenTree/InvenTree/tests.py
+++ b/InvenTree/InvenTree/tests.py
@@ -78,7 +78,7 @@ class TestQuoteWrap(TestCase):
         self.assertEqual(helpers.WrapWithQuotes('hello"'), '"hello"')
 
 
-class TestMakeBarcoede(TestCase):
+class TestMakeBarcode(TestCase):
     """ Tests for barcode string creation """
 
     def test_barcode(self):
diff --git a/InvenTree/templates/qr_code.html b/InvenTree/templates/qr_code.html
index 9c0c698368..bdc58a45eb 100644
--- a/InvenTree/templates/qr_code.html
+++ b/InvenTree/templates/qr_code.html
@@ -2,7 +2,9 @@
 
 <div class='container' style='width: 80%;'>
     {% if qr_data %}
-    <img src="{% qr_url_from_text qr_data size='m' error_correction='q' %}" alt="QR Code">
+    <div class='qr-container'>
+        <img class='qr-code' src="{% qr_url_from_text qr_data size='m' image_format='png' error_correction='q' %}" alt="QR Code">
+    </div>
     {% else %}
     <b>Error:</b><br>
     {{ error_msg }}