diff --git a/packages/components/src/components/tabs/tabs.scss b/packages/components/src/components/tabs/tabs.scss
index d5579d1c0209..c0e960246872 100644
--- a/packages/components/src/components/tabs/tabs.scss
+++ b/packages/components/src/components/tabs/tabs.scss
@@ -5,20 +5,6 @@
 
 $max-tabs: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
-%angular-workaround {
-	db-tab-list,
-	dbtablist {
-		@each $index in $max-tabs {
-			&:has([id$="-tab-#{$index}"]:checked) {
-				~ dbtabpanel > [id$="-tab-panel-#{$index}"],
-				~ db-tab-panel > [id$="-tab-panel-#{$index}"] {
-					display: block;
-				}
-			}
-		}
-	}
-}
-
 %horizontal-pulse {
 	.db-tab-item {
 		@include db-puls.set-db-puls-horizontal;
@@ -73,8 +59,6 @@ $max-tabs: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 	$db-tabs-z-index-button-background: 21;
 	$db-tabs-z-index-button: 22;
 
-	@extend %angular-workaround;
-
 	display: flex;
 	inline-size: 100%;
 	position: relative;
@@ -86,12 +70,11 @@ $max-tabs: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 	.db-tab-list {
 		max-inline-size: 100%;
 		z-index: $db-tabs-z-index-tab-list;
+	}
 
-		@each $index in $max-tabs {
-			&:has([id$="-tab-#{$index}"]:checked)
-				~ [id$="-tab-panel-#{$index}"] {
-				display: block;
-			}
+	@each $index in $max-tabs {
+		&:has([id$="-tab-#{$index}"]:checked) [id$="-tab-panel-#{$index}"] {
+			display: block;
 		}
 	}