diff --git a/frontend/src/components/projects/NewProjectModal.tsx b/frontend/src/components/projects/NewProjectModal.tsx index 555b25b7e..fa3ae2c70 100644 --- a/frontend/src/components/projects/NewProjectModal.tsx +++ b/frontend/src/components/projects/NewProjectModal.tsx @@ -271,6 +271,8 @@ const NewProjectForm = ({ onOpenChange }: NewProjectFormProps) => { value={value} onValueChange={onChange} className="w-full" + position="popper" + dropdownContainerClassName="max-w-none" > {projectTemplates.length ? projectTemplates.map((template) => ( @@ -306,6 +308,9 @@ const NewProjectForm = ({ onOpenChange }: NewProjectFormProps) => { onChange(e); }} className="mb-12 w-full bg-mineshaft-600" + position="popper" + dropdownContainerClassName="max-w-none -top-1" + side="top" > Default Infisical KMS diff --git a/frontend/src/components/v2/Select/Select.tsx b/frontend/src/components/v2/Select/Select.tsx index f114c0f02..a232c0065 100644 --- a/frontend/src/components/v2/Select/Select.tsx +++ b/frontend/src/components/v2/Select/Select.tsx @@ -20,6 +20,7 @@ type Props = { isMulti?: boolean; iconClassName?: string; dropdownContainerStyle?: React.CSSProperties; + side?: SelectPrimitive.SelectContentProps["side"]; }; export type SelectProps = Omit & Props; @@ -37,6 +38,7 @@ export const Select = forwardRef( containerClassName, iconClassName, dropdownContainerStyle, + side, ...props }, ref @@ -78,6 +80,7 @@ export const Select = forwardRef(