diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index 6eb22e5..112de61 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -707,7 +707,7 @@
   }
   .boxlid-actions { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; justify-content: center; }
   .or { font-size: 0.85rem; color: #6b5a41; }
-  .code { width: 7.5ch; text-transform: uppercase; text-align: center; letter-spacing: 0.15em; }
+  .code { width: 6.5rem; padding: 0.55rem 0.4rem; text-transform: uppercase; text-align: center; letter-spacing: 0.15em; }
   .roster { list-style: none; padding: 0; margin: 0 0 1rem; text-align: left; }
   .roster li { display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0; font-size: 1.05rem; }
   .check { display: flex; gap: 0.5rem; align-items: center; justify-content: center; font-size: 0.92rem; margin-bottom: 1rem; }