diff --git a/app/views/account/join_codes/show.html.erb b/app/views/account/join_codes/show.html.erb
index f3cfb1e37..ffde42a4f 100644
--- a/app/views/account/join_codes/show.html.erb
+++ b/app/views/account/join_codes/show.html.erb
@@ -39,7 +39,7 @@
         <span>Get QR code</span>
       <% end %>
 
-      <dialog class="dialog panel shadow" data-dialog-target="dialog">
+      <dialog class="dialog panel shadow" data-dialog-target="dialog" style="--panel-size: 50ch;">
         <p class="margin-none-block-start"><strong>Scan this code with the camera on your mobile device</strong></p>
 
         <%= qr_code_image(url) %>
diff --git a/app/views/users/_transfer.html.erb b/app/views/users/_transfer.html.erb
index 13f895ebc..9e00cf905 100644
--- a/app/views/users/_transfer.html.erb
+++ b/app/views/users/_transfer.html.erb
@@ -18,7 +18,7 @@
         <span class="for-screen-reader">Display auto-login QR code</span>
       <% end %>
 
-      <dialog class="dialog panel shadow" data-dialog-target="dialog">
+      <dialog class="dialog panel shadow" data-dialog-target="dialog" style="--panel-size: 50ch;">
         <%= qr_code_image(url) %>
 
         <form method="dialog" class="margin-block-start flex justify-center">