diff --git a/html_generator.php b/html_generator.php
index 36d5635..575ba06 100644
--- a/html_generator.php
+++ b/html_generator.php
@@ -108,7 +108,8 @@
 
 		$result =
 			"<img src=\"" . $src . "\" " .
-			"alt=\"Community join link encoded as QR code image\">";
+			"alt=\"Community join link encoded as QR code image\" " .
+			"class=\"qr-code\">";
 //		echo($result . PHP_EOL);
 
 		return $result;
diff --git a/output/styles.css b/output/styles.css
index 5f99f35..1d0531a 100644
--- a/output/styles.css
+++ b/output/styles.css
@@ -43,6 +43,12 @@ body                                { background-color: var(--session-classic-da
 
 
 /* <QR code modals> */
+.qr-code {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+}
 .qr-code-modal {
     display: none;   /* Hidden by default */
     position: fixed; /* Stay in place */
@@ -59,13 +65,13 @@ body                                { background-color: var(--session-classic-da
 .qr-code-modal-content {
     background-color: #ffffff;
     border: 1px solid #000000;
-    width:80%;
+    width: 80%;
     margin: auto;
     padding: 20px;
 }
 .qr-code-modal-close {
     float: right;
-    font-size: 32px;
+    font-size: 35px;
     font-weight: bold;
     color: #aaaaaa;
 }