diff --git a/libs/shared/lib/components/dropdowns/index.tsx b/libs/shared/lib/components/dropdowns/index.tsx index 3bbc861cb2d15cc0dd74820264704cc80f06663b..92438017c324d3046786dfb87865ef35bc0ed9e7 100644 --- a/libs/shared/lib/components/dropdowns/index.tsx +++ b/libs/shared/lib/components/dropdowns/index.tsx @@ -130,7 +130,7 @@ export function DropdownItem({ value, disabled, className, onClick, submenu, sel onMouseLeave={() => setIsSubmenuOpen(false)} > {value} - {submenu != null ? <Icon component='icon-[ic--baseline-arrow-right] ms-2' size={14} /> : ''} + {submenu != null ? <Icon component="icon-[ic--baseline-arrow-right] ms-2" size={14} /> : ''} {submenu && isSubmenuOpen && <DropdownSubmenuContainer ref={submenuRef}>{submenu}</DropdownSubmenuContainer>} {children} </li> @@ -143,7 +143,11 @@ type DropdownSubmenuContainerProps = { export const DropdownSubmenuContainer = React.forwardRef<HTMLDivElement, DropdownSubmenuContainerProps>(({ children }, ref) => { return ( - <div ref={ref} className="absolute bg-light p-1 rounded max-h-60 overflow-auto focus:outline-none shadow-sm border left-[97%]" style={{transform: 'translate(0px, calc(50% - 19px))'}}> + <div + ref={ref} + className="absolute bg-light p-1 rounded max-h-60 overflow-auto focus:outline-none shadow-sm border left-[95%]" + style={{ transform: 'translate(0px, calc(50% - 19px))' }} + > <ul className="text-sm text-secondary-700">{children}</ul> </div> );