From 655321d99eead413b323b228fbba3d321a3fd0bb Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Sat, 25 Jul 2026 21:15:20 +0100
Subject: [PATCH] fix(webapp): matching resting gap below the customize modal
 list

---
 .../app/components/navigation/CustomizeSidebarDialog.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/webapp/app/components/navigation/CustomizeSidebarDialog.tsx b/apps/webapp/app/components/navigation/CustomizeSidebarDialog.tsx
index c3e6f092a..087b1cdd2 100644
--- a/apps/webapp/app/components/navigation/CustomizeSidebarDialog.tsx
+++ b/apps/webapp/app/components/navigation/CustomizeSidebarDialog.tsx
@@ -236,9 +236,9 @@ export function CustomizeSidebarDialog({
       <DialogHeader>Customize sidebar</DialogHeader>
       {/* Bleeds through the container's right padding (-mr-4/pr-4) so the scrollbar sits at the
           modal edge, and through the vertical grid gaps (-mt-1.25/-mb-4) so the scrollport (and
-          scrollbar) starts at the header divider and ends at the footer border. pt-3 is INSIDE
-          the scrollport: a resting gap above the first title that content scrolls through. */}
-      <div className="-mb-4 -mr-4 -mt-1.25 max-h-[60vh] space-y-6 overflow-y-auto pr-4 pt-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
+          scrollbar) starts at the header divider and ends at the footer border. pt-3/pb-3 are
+          INSIDE the scrollport: resting gaps around the list that content scrolls through. */}
+      <div className="-mb-4 -mr-4 -mt-1.25 max-h-[60vh] space-y-6 overflow-y-auto pb-3 pr-4 pt-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
         {orderedSections.map((section, index) => (
           <div key={section.id}>
             <div className="flex items-center justify-between border-b border-grid-dimmed pb-1.5">