diff --git a/.changeset/tidy-owls-call.md b/.changeset/tidy-owls-call.md new file mode 100644 index 000000000..9aeed45c6 --- /dev/null +++ b/.changeset/tidy-owls-call.md @@ -0,0 +1,5 @@ +--- +'@lion/button': patch +--- + +Set button host to inline-flex as a better default for when button content contains a before or after icon diff --git a/packages/button/src/LionButton.js b/packages/button/src/LionButton.js index 1c0d8eebe..f2c615c65 100644 --- a/packages/button/src/LionButton.js +++ b/packages/button/src/LionButton.js @@ -53,7 +53,7 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement)) css` :host { position: relative; - display: inline-block; + display: inline-flex; box-sizing: border-box; vertical-align: middle; line-height: 24px;