From 8b8a8ff9431ca460b3faa47ec724d282158f5ccb Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Sun, 12 Apr 2026 10:47:18 +0000
Subject: [PATCH] fix(dees-label): align label content and icon consistently
 using inline flex layout

---
 changelog.md                                            | 6 ++++++
 ts_web/00_commitinfo_data.ts                            | 2 +-
 ts_web/elements/00group-layout/dees-label/dees-label.ts | 5 ++---
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/changelog.md b/changelog.md
index 1f5d1a3..ef38fed 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-12 - 3.73.1 - fix(dees-label)
+align label content and icon consistently using inline flex layout
+
+- change the label container from inline-block to inline-flex with centered alignment
+- remove icon-specific vertical transform in favor of layout-based alignment
+
 ## 2026-04-12 - 3.73.0 - feat(dees-label)
 expand dees-label demo coverage and update supporting dependencies
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 4dc49ce..b029935 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.73.0',
+  version: '3.73.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }
diff --git a/ts_web/elements/00group-layout/dees-label/dees-label.ts b/ts_web/elements/00group-layout/dees-label/dees-label.ts
index 773b999..c810131 100644
--- a/ts_web/elements/00group-layout/dees-label/dees-label.ts
+++ b/ts_web/elements/00group-layout/dees-label/dees-label.ts
@@ -50,7 +50,8 @@ export class DeesLabel extends DeesElement {
       }
 
       .label {
-        display: inline-block;
+        display: inline-flex;
+        align-items: center;
         color: ${cssManager.bdTheme('hsl(0 0% 15%)', 'hsl(0 0% 90%)')};
         font-size: 14px;
         font-weight: 500;
@@ -67,9 +68,7 @@ export class DeesLabel extends DeesElement {
       }
 
       dees-icon {
-        display: inline-block;
         font-size: 12px;
-        transform: translateY(1px);
         margin-left: 4px;
         color: ${cssManager.bdTheme('hsl(0 0% 45.1%)', 'hsl(0 0% 63.9%)')};
         cursor: help;