diff --git a/src/main/frontend/components/icon.css b/src/main/frontend/components/icon.css
index 5f13e044e9..5d738e3c81 100644
--- a/src/main/frontend/components/icon.css
+++ b/src/main/frontend/components/icon.css
@@ -54,7 +54,7 @@
   }
 
   > .bd {
-    @apply flex-1 overflow-y-auto;
+    @apply flex-1 pt-1 overflow-y-auto;
     @apply bg-gray-02;
     min-height: 0;
 
@@ -2049,6 +2049,14 @@
   --avatar-size: 56px;
 }
 
+/* Customize banner sits flush against the search topbar by design (see
+   `margin-top: -4px` above). The first content section that follows it,
+   however, should get a tiny gap so the grid doesn't read crammed against
+   the banner's bottom border. */
+.avatar-customize-zone + .pane-section {
+  margin-top: 4px;
+}
+
 /* Whole-row click target. Invisible overlay sitting above the resting
    row so the entire avatar-customize-zone surface (edge to edge,
    including its 18px horizontal padding) is one accessible <button>.