Fix icon alignment for btn-sm and btn-xl sizes #2474 (#2478)

Co-authored-by: Paweł Kuna <[email protected]>

.changeset/curvy-timers-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix icon alignment for `.btn-sm` and `.btn-xl` sizes

core/scss/ui/_buttons.scss

@@ -187,6 +187,10 @@
   .icon {
     margin: calc(-1 * var(--#{$prefix}btn-padding-x));
   }
+  //[BUG] btn-sm and btn-xl with an icon looks broken 
+  //issue #2470 fixed
+  min-width: calc(var(--#{$prefix}btn-icon-size) + (var(--#{$prefix}btn-padding-x) * 2));
+  min-height: calc(var(--#{$prefix}btn-icon-size) + (var(--#{$prefix}btn-padding-y) * 2));
 }
 
 //