From 70ec6838d1d828ec272e6f17278560ce39e0b03c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Wed, 8 Jul 2026 10:26:21 +0200
Subject: [PATCH] Fix card tab corners and update status strip size (#2683)

---
 .changeset/fix-card-tab-border-radius.md       |  5 +++++
 .changeset/update-card-status-size.md          |  5 +++++
 core/scss/_variables.scss                      |  2 +-
 core/scss/mixins/bootstrap/_border-radius.scss | 12 ++++++------
 core/scss/ui/_cards.scss                       |  7 ++++++-
 5 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/fix-card-tab-border-radius.md
 create mode 100644 .changeset/update-card-status-size.md

diff --git a/.changeset/fix-card-tab-border-radius.md b/.changeset/fix-card-tab-border-radius.md
new file mode 100644
index 000000000..a892ed129
--- /dev/null
+++ b/.changeset/fix-card-tab-border-radius.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed card corner radius in tab layouts when tabs sit above or below tab content.
diff --git a/.changeset/update-card-status-size.md b/.changeset/update-card-status-size.md
new file mode 100644
index 000000000..9863912c7
--- /dev/null
+++ b/.changeset/update-card-status-size.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated `$card-status-size` default from `$border-width-wide` to `3px`.
diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index b87994f21..ab6e15a03 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -1257,7 +1257,7 @@ $card-bg-hover: $white !default;
 $card-img-overlay-padding: $spacer !default;
 $card-group-margin: 1.5rem !default;
 
-$card-status-size: $border-width-wide !default;
+$card-status-size: 3px !default;
 
 $card-stamp-opacity: 0.2 !default;
 
diff --git a/core/scss/mixins/bootstrap/_border-radius.scss b/core/scss/mixins/bootstrap/_border-radius.scss
index 7f3ef2734..d3824c60a 100644
--- a/core/scss/mixins/bootstrap/_border-radius.scss
+++ b/core/scss/mixins/bootstrap/_border-radius.scss
@@ -34,12 +34,12 @@
   @if $enable-rounded {
     border-radius: valid-radius($radius);
 
-    @if $radius != 0 {
-      @supports (corner-shape: squircle) {
-        corner-shape: squircle;
-        border-radius: squircle-radius($radius) !important;
-      }
-    }
+    // @if $radius != 0 {
+    //   @supports (corner-shape: squircle) {
+    //     corner-shape: squircle;
+    //     border-radius: squircle-radius($radius) !important;
+    //   }
+    // }
   } @else if $fallback-border-radius != false {
     border-radius: $fallback-border-radius;
   }
diff --git a/core/scss/ui/_cards.scss b/core/scss/ui/_cards.scss
index f677d1bda..9e4f1e7ae 100644
--- a/core/scss/ui/_cards.scss
+++ b/core/scss/ui/_cards.scss
@@ -652,7 +652,12 @@ Card list group
 
   .nav-tabs + .tab-content .card {
     border-end-start-radius: var(--#{$prefix}card-border-radius);
-    border-start-start-radius: 0;
+    border-start-start-radius: 0 !important;
+  }
+  
+  .tab-content:has(+ .nav-tabs) .card {
+    border-start-start-radius: var(--#{$prefix}card-border-radius);
+    border-end-start-radius: 0 !important;
   }
 }