diff --git a/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenuItem.tsx b/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenuItem.tsx index 5512b8f78..77507898e 100644 --- a/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenuItem.tsx +++ b/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenuItem.tsx @@ -6,12 +6,11 @@ import { ButtonMenuItemProps } from "./types"; interface InactiveButtonProps extends BaseButtonProps { forwardedAs: BaseButtonProps["as"]; - colorKey: "primary" | "textSubtle"; } const InactiveButton: PolymorphicComponent = styled(Button)` background-color: transparent; - color: ${({ theme, colorKey }) => theme.colors[colorKey]}; + color: ${({ theme, variant }) => (variant === variants.PRIMARY ? theme.colors.primary : theme.colors.textSubtle)}; &:hover:not(:disabled):not(:active) { background-color: transparent; } @@ -24,14 +23,7 @@ const ButtonMenuItem: PolymorphicComponent = ({ ...props }: ButtonMenuItemProps) => { if (!isActive) { - return ( - - ); + return ; } return