diff --git a/src/css/main.css b/src/css/main.css
index 4a98a76..17eaf75 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1,3 +1,11 @@
+#qrcode {
+  padding: 18px;
+  background-color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 /* if prefers-color-scheme theme body have dark background white text */
 @media (prefers-color-scheme: dark) {
   body {
diff --git a/src/js/main.js b/src/js/main.js
index 94552fa..9b12757 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -6,8 +6,8 @@ async function generateQRCode() {
 
     var qrcode = new QRCode(document.getElementById("qrcode"), {
         text: url,
-        width: 205,
-        height: 205,
+        width: 150,
+        height: 150,
         colorDark: "#000000",
         colorLight: "#ffffff",
         correctLevel: QRCode.CorrectLevel.H,