From f7ab53910dd83817ad2e59181e6c621989691aae Mon Sep 17 00:00:00 2001
From: jorenbroekema <joren.broekema@gmail.com>
Date: Thu, 15 Oct 2020 17:53:05 +0200
Subject: [PATCH] fix(button): set display to inline-flex for inline content

---
 .changeset/tidy-owls-call.md      | 5 +++++
 packages/button/src/LionButton.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tidy-owls-call.md

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;