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(" ");
   });