From c6d44bb00ef4e58321ad6b7989ce40055463738e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20F=C3=BCrhoff?=
 <12294151+imagoiq@users.noreply.github.com>
Date: Mon, 9 Oct 2023 08:44:19 +0200
Subject: [PATCH] fix(styles): Active tab should have border (#2037)

Fixed from
https://github.com/swisspost/design-system/pull/1181/files#diff-f4de113242b5d64ec978f4e06c6c93c9d4d4d5622e8fe8befadb3ca9450cbc0cL43-L60
---
 .changeset/giant-forks-exercise.md                  | 5 +++++
 packages/styles/src/components/tabs/_tab-title.scss | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/giant-forks-exercise.md

diff --git a/.changeset/giant-forks-exercise.md b/.changeset/giant-forks-exercise.md
new file mode 100644
index 0000000000..f6452ba3de
--- /dev/null
+++ b/.changeset/giant-forks-exercise.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed missing active tab border on HTML component.
diff --git a/packages/styles/src/components/tabs/_tab-title.scss b/packages/styles/src/components/tabs/_tab-title.scss
index 31cfc4f0d7..b9a8488f94 100644
--- a/packages/styles/src/components/tabs/_tab-title.scss
+++ b/packages/styles/src/components/tabs/_tab-title.scss
@@ -6,7 +6,7 @@
 @use './../../variables/spacing';
 @use './../../variables/components/nav';
 
-.tab-title {
+.tabs .tab-title {
   display: inline-block;
   position: relative;
   box-sizing: border-box;