diff --git a/web/src/components/overlay/ExportDialog.tsx b/web/src/components/overlay/ExportDialog.tsx
index a9d597f83..335789168 100644
--- a/web/src/components/overlay/ExportDialog.tsx
+++ b/web/src/components/overlay/ExportDialog.tsx
@@ -216,11 +216,11 @@ export function ExportContent({
           <DialogHeader>
             <DialogTitle>Export</DialogTitle>
           </DialogHeader>
-          <SelectSeparator className="bg-secondary" />
+          <SelectSeparator className="my-3 bg-secondary" />
         </>
       )}
       <RadioGroup
-        className={`flex flex-col gap-3 ${isDesktop ? "" : "mt-4"}`}
+        className={`flex flex-col gap-4 ${isDesktop ? "" : "mt-4"}`}
         onValueChange={(value) => onSelectTime(value as ExportOption)}
       >
         {EXPORT_OPTIONS.map((opt) => {
@@ -260,7 +260,7 @@ export function ExportContent({
         value={name}
         onChange={(e) => setName(e.target.value)}
       />
-      {isDesktop && <SelectSeparator className="bg-secondary" />}
+      {isDesktop && <SelectSeparator className="my-3 bg-secondary" />}
       <DialogFooter
         className={isDesktop ? "" : "mt-3 flex flex-col-reverse gap-4"}
       >
@@ -371,7 +371,7 @@ function CustomTimeSelector({
 
   return (
     <div
-      className={`flex items-center bg-secondary rounded-lg ${isDesktop ? "mx-8 px-2 gap-2" : "pl-2 mt-3"}`}
+      className={`mt-3 flex items-center bg-secondary rounded-lg ${isDesktop ? "mx-8 px-2 gap-2" : "pl-2"}`}
     >
       <FaCalendarAlt />
       <Popover