diff --git a/assets/site.css b/assets/site.css
index e855155..4305a40 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -56,6 +56,7 @@ picture.block>img {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
+	max-width: 100%;
 }
 
 body {
@@ -404,4 +405,4 @@ input#ident {
 	div.fields.submit {
 		align-items: center;
 	}
-}
\ No newline at end of file
+}
diff --git a/templates/account/index.html.tera b/templates/account/index.html.tera
index 76c08e4..9c74c2c 100644
--- a/templates/account/index.html.tera
+++ b/templates/account/index.html.tera
@@ -38,7 +38,9 @@
 		<details>
 			<summary>show the QR code</summary>
 
-			<img loading="lazy" src="/account/qr-png/{{profile.id}}" alt="A QrCode containing a direct link to the profile" />
+			<picture class="block">
+				<img loading="lazy" src="/account/qr-png/{{profile.id}}" alt="A QrCode containing a direct link to the profile" />
+			</picture>
 		</details>
 	</article>
 	{% endfor %}