diff --git a/plugin-designs/people-groups-grid/people-groups-grid.vue b/plugin-designs/people-groups-grid/people-groups-grid.vue
index b543af13a..56dd30386 100644
--- a/plugin-designs/people-groups-grid/people-groups-grid.vue
+++ b/plugin-designs/people-groups-grid/people-groups-grid.vue
@@ -1268,6 +1268,11 @@ onMounted(() => {
   gap: 10px; align-items: center; flex-wrap: wrap;
   justify-content: space-between;
   width: 100%; max-width: 600px; margin-inline: auto;
+  /* ★ BESIDE THE GALLERY'S ROUND ☰. On a phone the gallery draws a 44px circle at the bottom-left
+     (bottom-right in ar), and at rest this row sits right where it lands, so the circle covered the
+     start of the search box. The layout publishes --map-fab-beside only while the circle shows. It is
+     unset (0) on desktop, on a standalone page, and wherever there is no circle. */
+  padding-inline-start: var(--map-fab-beside, 0px); box-sizing: border-box;
 }
 .pgg-search--repel > :first-child { flex: 1 1 320px; min-width: 0; }
 .pgg-exact { flex: none; }