Fix(ui): Content overflow from dialog

frontend/src/components/secret-rotations-v2/CreateSecretRotationV2Modal.tsx

@@ -80,7 +80,6 @@ export const CreateSecretRotationV2Modal = ({ onOpenChange, isOpen, ...props }:
         subTitle={
           selectedRotation ? undefined : "Select a provider to create a secret rotation for."
         }
-        bodyClassName="overflow-visible"
       >
         <Content
           onComplete={() => {

frontend/src/components/secret-rotations-v2/EditSecretRotationV2Modal.tsx

@@ -18,7 +18,6 @@ export const EditSecretRotationV2Modal = ({ secretRotation, onOpenChange, ...pro
       <ModalContent
         title={<SecretRotationV2ModalHeader isConfigured type={secretRotation.type} />}
         className="max-w-2xl"
-        bodyClassName="overflow-visible"
       >
         <SecretRotationV2Form
           onComplete={() => onOpenChange(false)}

frontend/src/components/secret-scanning/CreateSecretScanningDataSourceModal.tsx

@@ -79,7 +79,6 @@ export const CreateSecretScanningDataSourceModal = ({ onOpenChange, isOpen, ...p
         subTitle={
           selectedDataSource ? undefined : "Select a data source to configure secret scanning for."
         }
-        bodyClassName="overflow-visible"
       >
         <Content
           onComplete={() => {

frontend/src/components/secret-scanning/EditSecretScanningDataSourceModal.tsx

@@ -22,7 +22,6 @@ export const EditSecretScanningDataSourceModal = ({
       <ModalContent
         title={<SecretScanningDataSourceModalHeader isConfigured type={dataSource.type} />}
         className="max-w-2xl"
-        bodyClassName="overflow-visible"
       >
         <SecretScanningDataSourceForm
           onComplete={() => onOpenChange(false)}

frontend/src/components/secret-syncs/CreateSecretSyncModal.tsx

@@ -57,7 +57,6 @@ export const CreateSecretSyncModal = ({ onOpenChange, selectSync = null, ...prop
           )
         }
         className="max-w-2xl"
-        bodyClassName="overflow-visible"
         subTitle={selectedSync ? undefined : "Select a third-party service to sync secrets to."}
       >
         <Content

frontend/src/components/secret-syncs/EditSecretSyncModal.tsx

@@ -20,7 +20,6 @@ export const EditSecretSyncModal = ({ secretSync, onOpenChange, fields, ...props
       <ModalContent
         title={<SecretSyncModalHeader isConfigured destination={secretSync.destination} />}
         className="max-w-2xl"
-        bodyClassName="overflow-visible"
       >
         <EditSecretSyncForm
           onComplete={() => onOpenChange(false)}

frontend/src/pages/admin/AccessManagementPage/components/AddServerAdminModal.tsx

@@ -130,7 +130,6 @@ export const AddServerAdminModal = ({ isOpen, onOpenChange }: Props) => {
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
       <ModalContent
-        bodyClassName="overflow-visible"
         title="Grant Server Admin"
         subTitle="Grant server admin status to a user"
       >

frontend/src/pages/admin/ResourceOverviewPage/components/AddOrganizationModal.tsx

@@ -195,7 +195,7 @@ const Content = ({ onClose }: ContentProps) => {
 export const AddOrganizationModal = ({ isOpen, onOpenChange }: Props) => {
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent bodyClassName="overflow-visible" title="Add Organization">
+      <ModalContent title="Add Organization">
         <Content onClose={() => onOpenChange(false)} />
       </ModalContent>
     </Modal>

frontend/src/pages/organization/AccessManagementPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupModal.tsx

@@ -122,7 +122,6 @@ export const OrgGroupModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Pr
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         title={`${popUp?.group?.data ? "Update" : "Create"} Group`}
       >
         <form onSubmit={handleSubmit(onGroupModalSubmit)}>

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityModal.tsx

@@ -193,7 +193,6 @@ export const IdentityModal = ({ popUp, handlePopUpToggle }: Props) => {
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         title={`${popUp?.identity?.data ? "Update" : "Create"} Identity`}
       >
         <form onSubmit={handleSubmit(onFormSubmit)}>

frontend/src/pages/organization/AccessManagementPage/components/OrgMembersTab/components/OrgMembersSection/AddOrgMemberModal.tsx

@@ -198,7 +198,6 @@ export const AddOrgMemberModal = ({
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         title={`Invite others to ${currentOrg?.name}`}
         subTitle={
           <div>

frontend/src/pages/organization/GroupDetailsByIDPage/components/GroupCreateUpdateModal.tsx

@@ -125,7 +125,6 @@ export const GroupCreateUpdateModal = ({ popUp, handlePopUpClose, handlePopUpTog
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         title={`${popUp?.groupCreateUpdate?.data ? "Update" : "Create"} Group`}
       >
         <form onSubmit={handleSubmit(onGroupModalSubmit)}>

frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityProjectsSection/IdentityAddToProjectModal.tsx

@@ -178,7 +178,7 @@ export const IdentityAddToProjectModal = ({ identityId, popUp, handlePopUpToggle
         handlePopUpToggle("addIdentityToProject", isOpen);
       }}
     >
-      <ModalContent bodyClassName="overflow-visible" title="Add Identity to Project">
+      <ModalContent title="Add Identity to Project">
         <Content identityId={identityId} handlePopUpToggle={handlePopUpToggle} />
       </ModalContent>
     </Modal>

frontend/src/pages/organization/SettingsPage/components/OrgEncryptionTab/AddExternalKmsForm.tsx

@@ -48,7 +48,6 @@ export const AddExternalKmsForm = ({ isOpen, onToggle }: Props) => {
         title="Add a Key Management System"
         subTitle="Configure an external key management system (KMS)"
         className="my-4"
-        bodyClassName="overflow-visible"
       >
         <AnimatePresence mode="wait">
           {wizardStep === WizardSteps.SelectProvider && (

frontend/src/pages/organization/SettingsPage/components/OrgEncryptionTab/UpdateExternalKmsForm.tsx

@@ -15,7 +15,7 @@ export const UpdateExternalKmsForm = ({ isOpen, kmsId, onOpenChange }: Props) =>
   const { data: externalKms, isPending } = useGetExternalKmsById(kmsId);
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title="Edit configuration" bodyClassName="overflow-visible">
+      <ModalContent title="Edit configuration">
         {isPending && <ContentLoader />}
         {externalKms?.external?.provider === ExternalKmsProvider.Aws && (
           <AwsKmsForm

frontend/src/pages/organization/UserDetailsByIDPage/components/UserOrgMembershipModal.tsx

@@ -125,7 +125,7 @@ export const UserOrgMembershipModal = ({ popUp, handlePopUpOpen, handlePopUpTogg
         reset();
       }}
     >
-      <ModalContent bodyClassName="overflow-visible" title="Update Membership">
+      <ModalContent title="Update Membership">
         <form onSubmit={handleSubmit(onFormSubmit)}>
           <Controller
             control={control}

frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx

@@ -160,7 +160,7 @@ export const GroupModal = ({ popUp, handlePopUpToggle }: Props) => {
       isOpen={popUp?.group?.isOpen}
       onOpenChange={(isOpen) => handlePopUpToggle("group", isOpen)}
     >
-      <ModalContent bodyClassName="overflow-visible" title="Add Group to Project">
+      <ModalContent title="Add Group to Project">
         <Content popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
       </ModalContent>
     </Modal>

frontend/src/pages/project/AccessControlPage/components/IdentityTab/components/IdentityModal.tsx

@@ -199,7 +199,7 @@ export const IdentityModal = ({ popUp, handlePopUpToggle }: Props) => {
         handlePopUpToggle("identity", isOpen);
       }}
     >
-      <ModalContent title="Add Identity to Project" bodyClassName="overflow-visible">
+      <ModalContent title="Add Identity to Project">
         <Content popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
       </ModalContent>
     </Modal>

frontend/src/pages/project/AccessControlPage/components/MembersTab/components/AddMemberModal.tsx

@@ -227,7 +227,6 @@ export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         title={t("section.members.add-dialog.add-member-to-project") as string}
         subTitle={t("section.members.add-dialog.user-will-email")}
       >

frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx

@@ -1620,7 +1620,6 @@ export const OverviewPage = () => {
       >
         <ModalContent
           className="max-h-[80vh]"
-          bodyClassName="overflow-visible"
           title="Create Secrets"
           subTitle="Create a secret across multiple environments"
           onPointerDownOutside={(e) => e.preventDefault()}

frontend/src/pages/secret-manager/OverviewPage/components/SelectionPanel/components/MoveSecretsDialog/MoveSecretsDialog.tsx

@@ -388,7 +388,6 @@ export const MoveSecretsModal = ({ isOpen, onOpenChange, ...props }: Props) => {
   return (
     <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
       <ModalContent
-        bodyClassName="overflow-visible"
         title="Move Secrets Folder Location"
         subTitle="Move the selected secrets across all environments to a new folder location"
       >

frontend/src/pages/secret-manager/SecretDashboardPage/SecretDashboardPage.tsx

@@ -1048,7 +1048,6 @@ const Page = () => {
             <ModalContent
               title="Create Secret"
               subTitle="Add a secret to this particular environment and folder"
-              bodyClassName="overflow-visible"
             >
               <CreateSecretForm
                 environment={environment}

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateSecretImportForm.tsx

@@ -113,7 +113,6 @@ export const CreateSecretImportForm = ({
   return (
     <Modal isOpen={isOpen} onOpenChange={onTogglePopUp}>
       <ModalContent
-        bodyClassName="overflow-visible"
         title="Add Secret Link"
         subTitle="To inherit secrets from another environment or folder"
       >

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/ReplicateFolderFromBoard/ReplicateFolderFromBoard.tsx

@@ -224,7 +224,6 @@ export const ReplicateFolderFromBoard = ({
       }}
     >
       <ModalContent
-        bodyClassName="overflow-visible"
         className="max-w-2xl"
         title="Replicate Folder Content From An Environment"
         subTitle="Replicate folder content from other environments into this context"

frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretDropzone/CopySecretsFromBoard.tsx

@@ -153,7 +153,6 @@ export const CopySecretsFromBoard = ({
         </div>
       </ModalTrigger>
       <ModalContent
-        bodyClassName="overflow-visible"
         className="max-w-2xl"
         title="Copy Secret From An Environment"
         subTitle="Copy/paste secrets from other environments into this context"