diff --git a/epicyon-profile.css b/epicyon-profile.css
index 671bb579..fcd55a19 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -205,12 +205,6 @@ a:link {
     min-width: 200px;
 }
 
-.hero-text img.qrcode {
-    border-radius: 1%;
-    width: 10%;
-    min-width: 20px;
-}
-
 .hero-text img.emoji {
     width: 50px;
     padding: 0 0;
@@ -1040,6 +1034,11 @@ div.gallery img {
         font-family: Arial, Helvetica, sans-serif;
         opacity: 0.7;
     }
+    .hero-text img.qrcode {
+        border-radius: 1%;
+        width: 5%;
+        min-width: 20px;
+    }
 }
 
 @media screen and (min-width: 2200px) {
@@ -1392,4 +1391,9 @@ div.gallery img {
         font-family: Arial, Helvetica, sans-serif;
         opacity: 0.7;
     }
+    .hero-text img.qrcode {
+        border-radius: 1%;
+        width: 15%;
+        min-width: 20px;
+    }
 }
diff --git a/webinterface.py b/webinterface.py
index 61b73ac1..bc4a2c12 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -2562,10 +2562,11 @@ def htmlProfile(defaultTimeline: str,
     profileHeaderStr += '    <h1>' + displayName + '</h1>'
     iconsDir = getIconsDir(baseDir)
     profileHeaderStr += \
-        '    <p><b>@' + nickname + '@' + domainFull + \
-        '</b> <a href="/users/' + nickname + \
+        '<p><a href="/users/' + nickname + \
         '/qrcode.png" alt="QR Code" title="QR Code">' + \
         '<img class="qrcode" src="/' + iconsDir + '/qrcode.png" /></a></p>'
+    profileHeaderStr += \
+        '<p><b>@' + nickname + '@' + domainFull + '</b></p>'
     profileHeaderStr += '    <p>' + profileDescriptionShort + '</p>'
     profileHeaderStr += loginButton
     profileHeaderStr += '  </div>'