From bc1d1a30665a08e0719d4dcc430215f69b28d602 Mon Sep 17 00:00:00 2001
From: BG-Software <73077398+BG-Software-BG@users.noreply.github.com>
Date: Tue, 7 Jan 2025 22:44:36 +0100
Subject: [PATCH] Set font-size of webfont icon inside a button (#2046)

---
 .changeset/kind-days-sneeze.md | 5 +++++
 src/scss/ui/_buttons.scss      | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/kind-days-sneeze.md

diff --git a/.changeset/kind-days-sneeze.md b/.changeset/kind-days-sneeze.md
new file mode 100644
index 000000000..90ef35731
--- /dev/null
+++ b/.changeset/kind-days-sneeze.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Set `font-size` of an `i` element with `icon` class in a `button` element
diff --git a/src/scss/ui/_buttons.scss b/src/scss/ui/_buttons.scss
index d3ab2e2bb..8e36591d6 100644
--- a/src/scss/ui/_buttons.scss
+++ b/src/scss/ui/_buttons.scss
@@ -23,6 +23,7 @@
     width: var(--#{$prefix}btn-icon-size);
     height: var(--#{$prefix}btn-icon-size);
     min-width: var(--#{$prefix}btn-icon-size);
+    font-size: var(--#{$prefix}btn-icon-size);
     margin: 0 calc(var(--#{$prefix}btn-padding-x) / 2) 0 calc(var(--#{$prefix}btn-padding-x) / -4);
     vertical-align: bottom;
     color: inherit;