diff --git a/plugin-designs/wall-of-people-groups/src/wall.css b/plugin-designs/wall-of-people-groups/src/wall.css
index 5dcb7d127..9b12e8f81 100644
--- a/plugin-designs/wall-of-people-groups/src/wall.css
+++ b/plugin-designs/wall-of-people-groups/src/wall.css
@@ -122,6 +122,18 @@ body {
     font-weight: 500;
 }
 
+/* PHONE (rega, 390×844): the header was one row, so the title wrapped to five lines and the poster-size
+   select and the Bless/Social toggle ran off the right edge, unreachable. On a phone the title takes one
+   short line and the controls wrap onto as many rows as they need, every one on screen. */
+@media (max-width: 640px) {
+    .wall-header { flex-direction: column; align-items: stretch; gap: 10px; padding: 10px 12px; }
+    .wall-header h1 { font-size: 18px; line-height: 1.25; }
+    .wall-controls { flex-wrap: wrap; gap: 8px; }
+    .wall-controls .control-btn { padding: 8px 12px; font-size: 13px; min-height: 32px; }
+    .poster-size { font-size: 12px; }
+    .group-count { font-size: 12px; }
+}
+
 /* Wall Canvas */
 .wall-canvas {
     flex: 1;