diff --git a/src/frontend/src/modals/baseModal/index.tsx b/src/frontend/src/modals/baseModal/index.tsx
index 263f335fd..8e0d58772 100644
--- a/src/frontend/src/modals/baseModal/index.tsx
+++ b/src/frontend/src/modals/baseModal/index.tsx
@@ -67,7 +67,8 @@ interface BaseModalProps {
     | "large"
     | "large-h-full"
     | "small-h-full"
-    | "medium-h-full";
+    | "medium-h-full"
+    | "smaller-h-full";
 
   disable?: boolean;
   onChangeOpenModal?: (open?: boolean) => void;
@@ -104,6 +105,10 @@ function BaseModal({
       minWidth = "min-w-[40vw]";
       height = "h-[27vh]";
       break;
+    case "smaller-h-full":
+      minWidth = "min-w-[40vw]";
+      height = "h-full";
+      break;
     case "small":
       minWidth = "min-w-[40vw]";
       height = "h-[40vh]";
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index 89bc292c9..2f41a6810 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -24,7 +24,7 @@ const ExportModal = forwardRef(
     const [open, setOpen] = useState(false);
 
     return (
-      <BaseModal size="smaller" open={open} setOpen={setOpen}>
+      <BaseModal size="smaller-h-full" open={open} setOpen={setOpen}>
         <BaseModal.Trigger>{props.children}</BaseModal.Trigger>
         <BaseModal.Header description={EXPORT_DIALOG_SUBTITLE}>
           <span className="pr-2">Export</span>
@@ -55,7 +55,7 @@ const ExportModal = forwardRef(
               Save with my API keys
             </label>
           </div>
-          <span className="text-xs text-destructive">
+          <span className=" text-xs text-destructive ">
             Caution: Uncheck this box only removes API keys from fields
             specifically designated for API keys.
           </span>