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">