Skip to content

Commit 0e32c70

Browse files
fix(password): use flex-end instead of end
Some browsers lack support for `end` value for `align-items` css prop. This would make the icon in ToggleButton to be misplaced. More specifically: https://github.com/caniuse.com/mdn-css_properties_align-items_flex_context_start_end Close issue #290
1 parent 696f160 commit 0e32c70

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/Password/ToggleButton.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ const ToggleButton = styled.button<Pick<InputProps, 'size' | 'variant'>>`
2828
height: 100%;
2929
width: ${TOGGLE_MODE_BUTTON_WIDTH};
3030
right: 0;
31-
align-items: ${p => (p.size === 'small' || p.variant === 'bottom-lined' ? 'end' : 'center')};
31+
align-items: ${p => (p.size === 'small' || p.variant === 'bottom-lined' ? 'flex-end' : 'center')};
3232
padding-bottom: ${p => {
3333
if (p.size === 'small') return '0.25rem';
3434

0 commit comments

Comments
 (0)