diff --git a/apps/client/src/widgets/react/Card.css b/apps/client/src/widgets/react/Card.css
index 4afa49b898..ce6bf6dc61 100644
--- a/apps/client/src/widgets/react/Card.css
+++ b/apps/client/src/widgets/react/Card.css
@@ -1,10 +1,12 @@
-.tn-card {
+:where(.tn-card) {
     --card-border-radius: 8px;
     --card-padding-block: 8px;
     --card-padding-inline: 16px;
     --card-section-gap: 3px;
     --card-nested-section-indent: 30px;
+}
 
+.tn-card {
     display: flex;
     flex-direction: column;
     gap: var(--card-section-gap);