From 4e5368eda22ebb34ed5f26a6bbc2049ab8d09103 Mon Sep 17 00:00:00 2001
From: snowbitx <109521682+snowbitx@users.noreply.github.com>
Date: Tue, 20 Jan 2026 11:45:04 +0800
Subject: [PATCH] fix(components): [collapse-item] missing box-sizing (#23482)

* fix(components): [collapse] header box-sizing

* chore: use include

* chore: fix scss

* Remove empty line in collapse.scss
---
 packages/theme-chalk/src/collapse-item.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/theme-chalk/src/collapse-item.scss b/packages/theme-chalk/src/collapse-item.scss
index f020911ce6..1f52f44290 100644
--- a/packages/theme-chalk/src/collapse-item.scss
+++ b/packages/theme-chalk/src/collapse-item.scss
@@ -9,6 +9,7 @@
       cursor: not-allowed;
     }
   }
+
   @include e(header) {
     width: 100%;
     padding: 0;
@@ -25,9 +26,12 @@
     font-weight: 500;
     transition: border-bottom-color getCssVar('transition-duration');
     outline: none;
+    box-sizing: border-box;
+
     @include e(arrow) {
       transition: transform getCssVar('transition-duration');
       font-weight: 300;
+
       @include when(active) {
         transform: rotate(90deg);
       }
@@ -41,6 +45,7 @@
     &.focusing:focus:not(:hover) {
       color: getCssVar('color-primary');
     }
+
     @include when(active) {
       border-bottom-color: transparent;
     }