From ce523643b22d60c9f345f7297acd04bde1088434 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Mon, 21 Sep 2026 12:11:17 +0200
Subject: [PATCH] Reset the button border and padding on `.form-help` (#3107)

---
 .changeset/fix-form-help-button-border.md | 5 +++++
 core/scss/ui/_forms.scss                  | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/fix-form-help-button-border.md

diff --git a/.changeset/fix-form-help-button-border.md b/.changeset/fix-form-help-button-border.md
new file mode 100644
index 000000000..51d4ef4f4
--- /dev/null
+++ b/.changeset/fix-form-help-button-border.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed the default browser border and padding on `.form-help` when it is a `<button>`.
diff --git a/core/scss/ui/_forms.scss b/core/scss/ui/_forms.scss
index e2e8b2a7e..b19f2c66d 100644
--- a/core/scss/ui/_forms.scss
+++ b/core/scss/ui/_forms.scss
@@ -128,6 +128,8 @@ Form help
   justify-content: center;
   width: var(--form-help-size);
   height: var(--form-help-size);
+  // `.form-help` is often a `<button>`: drop the user agent's padding and border
+  padding: 0;
   font-size: var(--form-help-font-size);
   font-weight: var(--font-weight-semibold);
   color: $form-secondary-color;
@@ -136,6 +138,7 @@ Form help
   cursor: pointer;
   user-select: none;
   background: var(--gray-100);
+  border: 0;
   @include border-radius(var(--border-radius-pill));
   @include transition(background-color $transition-time, color $transition-time);