Fixed booking drawer gap

Vincit · Sep 12, 2024 · 6ae9dab · 6ae9dab
1 parent 88cc6c3
commit 6ae9dab
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/frontend/src/components/BookingDrawer/BookingDrawer.tsx b/frontend/src/components/BookingDrawer/BookingDrawer.tsx
@@ -110,7 +110,8 @@ export const Row = styled(Box)(({ theme }) => ({
     flexDirection: 'row',
     alignItems: 'flex-start',
     padding: '0px',
-    width: '100%'
+    width: '100%',
+    marginBottom: '8px'
 }));
 
 export const RowAlert = styled(Box)(({ theme }) => ({
@@ -540,15 +541,16 @@ const BookingDrawer = (props: Props) => {
                             quick duration selection (Minutes)
                         </SmallText>
                     </Row>
-
-                    <DurationPicker
-                        bookingDuration={duration}
-                        onChange={handleDurationChange}
-                        setExpandDurationTimePickerDrawer={
-                            setExpandDurationTimePickerDrawer
-                        }
-                        additionalDuration={additionalDuration}
-                    />
+                    <Row>
+                        <DurationPicker
+                            bookingDuration={duration}
+                            onChange={handleDurationChange}
+                            setExpandDurationTimePickerDrawer={
+                                setExpandDurationTimePickerDrawer
+                            }
+                            additionalDuration={additionalDuration}
+                        />
+                    </Row>
                     <Row>
                         <SmallText>booking (rounded to next 5 min)</SmallText>
                     </Row>