incorporate base default padding for modals

web/src/app/admin/api-key/DanswerApiKeyForm.tsx

@@ -82,7 +82,7 @@ export const DanswerApiKeyForm = ({
           }}
         >
           {({ isSubmitting, values, setFieldValue }) => (
-            <Form>
+            <Form className="w-full overflow-visible">
               <Text className="mb-4 text-lg">
                 Choose a memorable name for your API key. This is optional and
                 can be added or changed later!

web/src/components/Modal.tsx

@@ -99,7 +99,7 @@ export function Modal({
             </button>
           </div>
         )}
-        <div className="w-full overflow-y-hidden flex flex-col h-full justify-stretch">
+        <div className="w-full overflow-y-auto overflow-x-visible p-1 flex flex-col h-full justify-stretch">
           {title && (
             <>
               <div className="flex mb-4">
@@ -117,7 +117,7 @@ export function Modal({
           )}
           <div
             className={cn(
-              noScroll ? "overflow-auto" : "overflow-x-hidden",
+              noScroll ? "overflow-auto" : "overflow-x-visible",
               height || "max-h-[60vh]"
             )}
           >