Fix icon button alignment

CHANGELOG.md

@@ -5,6 +5,7 @@
 - Added community page to the docs
 - Fixed a bug where many components would erroneously receive an `id` when using the custom elements bundle
 - Fixed a bug where tab groups weren't scrollable with the mouse
+- Fixed icon button alignment
 
 ## 2.0.0-beta.9
 

src/components/button/button.scss

@@ -58,6 +58,12 @@
   margin-right: calc(-1 * var(--sl-spacing-x-small));
 }
 
+.button__label {
+  ::slotted(sl-icon) {
+    vertical-align: -2px;
+  }
+}
+
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Standard buttons
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@@ -304,12 +310,6 @@
   padding-left: 0;
   padding-right: 0;
 
-  .button__label {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
   &.button--small {
     width: var(--sl-input-height-small);
     border-radius: 50%;