Skip to content

Commit 971f11d

Browse files
fix: disallow icon shrinking in InfoBar component
1 parent e6eb4fa commit 971f11d

File tree

1 file changed

+12
-7
lines changed

1 file changed

+12
-7
lines changed

src/design-system/info-bar/info-bar.css.ts

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,18 @@ export const container = sx({
1010
alignItems: 'center',
1111
});
1212

13-
export const icon = sx({
14-
width: '$24',
15-
height: '$24',
16-
fontSize: '$25',
17-
mr: '$24',
18-
color: '$info_bar_icon_color',
19-
});
13+
export const icon = style([
14+
sx({
15+
width: '$24',
16+
height: '$24',
17+
fontSize: '$25',
18+
mr: '$24',
19+
color: '$info_bar_icon_color',
20+
}),
21+
{
22+
flexShrink: 0,
23+
},
24+
]);
2025

2126
export const message = style([
2227
sx({

0 commit comments

Comments
 (0)