frontend/src/components/StartTimeGrid/StartTimeGrid.tsx

@@ -67,7 +67,7 @@ export default function StartTimeGrid({
               children && (
                 <InlineModal
                   arrowPosition={selectedColumn === 0 ? "left" : "right"}
-                  className="my-(--spacing-md) max-w-none"
+                  className="mt-(--spacing-ml) mb-(--spacing-md) max-w-none"
                 >
                   {children}
                 </InlineModal>

frontend/src/index.css

@@ -142,8 +142,10 @@
   /* Spacing */
   --spacing-sm: 8px;
   --spacing-md: 12px;
+  --spacing-ml: 16px;
   --spacing-lg: 24px;
   --spacing-xl: 32px;
+  --spacing-xxl: 48px;
 
   /* Control heights */
   --control-height-sm: 32px;