From 6fec73a3c4e379f86fa279ef5311680986a5f9f5 Mon Sep 17 00:00:00 2001
From: Aidi Tan <aidistan@live.com>
Date: Tue, 8 Jul 2025 03:43:16 +0800
Subject: [PATCH] fix: use relative line heights to make calculations work
 (#2258) (#2426)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
---
 .changeset/brave-books-listen.md | 5 +++++
 core/scss/_variables.scss        | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/brave-books-listen.md

diff --git a/.changeset/brave-books-listen.md b/.changeset/brave-books-listen.md
new file mode 100644
index 000000000..d00d6321f
--- /dev/null
+++ b/.changeset/brave-books-listen.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix relative line heights in buttons
diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index 426fdd280..6e1bfbafb 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -595,13 +595,13 @@ $input-btn-icon-size: $icon-size !default;
 $input-btn-font-size-sm: $h5-font-size !default;
 $input-btn-padding-x-sm: 0.25rem !default;
 $input-btn-padding-y-sm: 0.125rem - 0.0625rem !default;
-$input-btn-line-height-sm: 1rem !default;
+$input-btn-line-height-sm: divide(1rem, $input-btn-font-size-sm) !default;
 $input-btn-icon-size-sm: 1rem !default;
 
 $input-btn-font-size-lg: $h2-font-size !default;
 $input-btn-padding-x-lg: 1.5rem !default;
 $input-btn-padding-y-lg: 0.75rem - 0.0625rem !default;
-$input-btn-line-height-lg: 2rem !default;
+$input-btn-line-height-lg: divide(2rem, $input-btn-font-size-lg) !default;
 $input-btn-icon-size-lg: 2rem !default;
 
 $input-btn-focus-width: 0.25rem !default;