diff --git a/libs/ui-toolkit/src/components/trading-dropdown/actions-dropdown.tsx b/libs/ui-toolkit/src/components/trading-dropdown/actions-dropdown.tsx index 16542d344..6795c1b4e 100644 --- a/libs/ui-toolkit/src/components/trading-dropdown/actions-dropdown.tsx +++ b/libs/ui-toolkit/src/components/trading-dropdown/actions-dropdown.tsx @@ -11,7 +11,9 @@ export const ActionsDropdownTrigger = () => { className='hover:bg-vega-light-200 dark:hover:bg-vega-dark-200 [&[aria-expanded="true"]]:bg-vega-light-200 dark:[&[aria-expanded="true"]]:bg-vega-dark-200 p-0.5 rounded-full' data-testid="dropdown-menu" > - + ); }; @@ -22,7 +24,11 @@ type ActionMenuContentProps = React.ComponentProps< export const ActionsDropdown = (props: ActionMenuContentProps) => { return ( }> - + ); }; diff --git a/libs/ui-toolkit/src/components/trading-dropdown/trading-dropdown.tsx b/libs/ui-toolkit/src/components/trading-dropdown/trading-dropdown.tsx index c0fbcf146..8d35d3590 100644 --- a/libs/ui-toolkit/src/components/trading-dropdown/trading-dropdown.tsx +++ b/libs/ui-toolkit/src/components/trading-dropdown/trading-dropdown.tsx @@ -67,19 +67,25 @@ export const TradingDropdownRadioGroup = DropdownMenuPrimitive.RadioGroup; export const TradingDropdownContent = forwardRef< React.ElementRef, React.ComponentProps ->(({ className, sideOffset = 10, ...contentProps }, forwardedRef) => ( - -)); +>( + ( + { className, align = 'start', side, sideOffset = 10, ...contentProps }, + forwardedRef + ) => ( + + ) +); TradingDropdownContent.displayName = 'DropdownMenuContent'; /**