* Hi @luoxiaozero,
I've just noticed the same issue as described here (https://github.com/thaw-ui/thaw/issues/190) and tracked it down to tailwindcss. In the output.css generated by it we have:
```
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
```
Your recent change sets the display to inline-block (983e85728a) and this collides with the 'vertical-align' set by tailwindcss.
Changing the vertical-align property to 'top' fixes the misalignment so I think the simplest fix is to add 'vertical-align: top' to icon.css. I don't see it affecting anything else so it should be safe.
* icon missaligment fix
* perf: replace `expect` with `unwrap_or_else`
The macro/functions in `expect` is not lazy, which means it will always be called
* style: remove needless borrowing
* perf: remove needless clone
* style: remove needless `format!`
* style: use `and_then` instead
* style: use `?` instead
* style: remove needless closure
* fix: use fully qualified syntax instead
https://github.com/rust-lang/rust/issues/48919
* style: formatted
* style: fix some other clippy issues
* feat!: Add support for multiple options in Select
* feat: Sync Select menu when value is updated
* feat: Decrease line height of multi select items
* fix: Invalid callback on multiselect tag close
* feat: Sync Select menu only for multiple values
* feat: separate `MultiSelect` from `Select` component
* fix: SelectLabel slot implementation
* feat: rename `MultiSelect` to `SelectMulti`
* feat: rename and move `MultiSelect`
* feat: add arrow to select component
* feat: lower opacity of select dropdown arrow icon
* fix: inconsistent select font size
* fix: select menu font size
* feat: add clear button to multi select
* fix: Multi select icon on click attribute
* feat: use inline-block for select component
* feat: detect select min width based on options
* feat: add `allow_clear` prop to `MultiSelect`
* feat: remove select min width detection
* feat: use `Children` for `SelectLabel`
* feat: rename `allow_clear` to `clearable`
* fix: follower min width
* feat: remove inline-block from `Select`
