diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx index 4cfdfb9b75..df439a4862 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx @@ -22,7 +22,8 @@ type StyledDropdownButtonProps = { export const StyledDropdownButtonContainer = styled.div` align-items: center; background: ${({ theme }) => theme.background.primary}; - border-radius: ${({ theme }) => theme.border.radius.xs}; + border-radius: ${({ theme }) => theme.border.radius.xs} 0 0 + ${({ theme }) => theme.border.radius.xs}; color: ${({ color }) => color ?? 'none'}; cursor: pointer; display: flex; @@ -35,6 +36,8 @@ export const StyledDropdownButtonContainer = styled.div theme.spacing(2)}; user-select: none; + border-right: 1px solid ${({ theme }) => theme.border.color.light}; + &:hover { filter: brightness(0.95); } @@ -50,7 +53,7 @@ const StyledIconContainer = styled.div` svg { align-items: center; display: flex; - height: 16px; + height: 12px; justify-content: center; } `;