From fdf5fc9cf0f9fde4fe2ebe047bb30d989526073f Mon Sep 17 00:00:00 2001
From: m2rt <mart@bitweb.ee>
Date: Mon, 23 Mar 2026 08:56:55 +0200
Subject: [PATCH] fix(text-group): label width applied to correct element #23

---
 tedi/components/content/text-group/text-group.component.scss | 5 ++++-
 tedi/components/content/text-group/text-group.component.ts   | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/tedi/components/content/text-group/text-group.component.scss b/tedi/components/content/text-group/text-group.component.scss
index 80ddf275f..e44b76806 100644
--- a/tedi/components/content/text-group/text-group.component.scss
+++ b/tedi/components/content/text-group/text-group.component.scss
@@ -8,12 +8,15 @@ tedi-text-group {
     gap: 1rem;
     align-items: flex-start;
   }
+
+  >dt {
+    width: var(--_label-width);
+  }
 }
 
 tedi-text-group-label {
   display: flex;
   flex-shrink: 0;
-  width: var(--_label-width);
 }
 
 tedi-text-group-value {
diff --git a/tedi/components/content/text-group/text-group.component.ts b/tedi/components/content/text-group/text-group.component.ts
index a866ef9b8..4ba27ad1e 100644
--- a/tedi/components/content/text-group/text-group.component.ts
+++ b/tedi/components/content/text-group/text-group.component.ts
@@ -71,7 +71,7 @@ export class TextGroupComponent implements BreakpointInputs<TextGroupInputs>, Af
   });
 
   classes = computed(() => {
-    const classList = [`tedi-text-group--${this.breakpointInputs().type}`];
+    const classList = ['tedi-text-group', `tedi-text-group--${this.breakpointInputs().type}`];
     return classList.join(" ");
   });