From 2f4afddf7382f26a6c690ecc00ff782d27783f97 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Sun, 12 Apr 2026 17:01:05 +0000
Subject: [PATCH] fix(dees-input-text): adjust password toggle and validation
 icon alignment in text input

---
 changelog.md                                       |  6 ++++++
 ts_web/00_commitinfo_data.ts                       |  2 +-
 .../dees-input-text/dees-input-text.ts             | 14 +++++---------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/changelog.md b/changelog.md
index 4f7601f..00f7870 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-12 - 3.74.1 - fix(dees-input-text)
+adjust password toggle and validation icon alignment in text input
+
+- positions the password toggle and validation icon with fixed top offsets for improved vertical alignment
+- updates the validation icon styling to use a larger themed icon without the circular background
+
 ## 2026-04-12 - 3.74.0 - feat(input-text)
 add validated success state and text editing context menu to text inputs
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 1baec68..7e38a06 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.74.0',
+  version: '3.74.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-input/dees-input-text/dees-input-text.ts b/ts_web/elements/00group-input/dees-input-text/dees-input-text.ts
index 01aaa85..fd96228 100644
--- a/ts_web/elements/00group-input/dees-input-text/dees-input-text.ts
+++ b/ts_web/elements/00group-input/dees-input-text/dees-input-text.ts
@@ -134,7 +134,7 @@ export class DeesInputText extends DeesInputBase {
       .showPassword {
         position: absolute;
         right: 1px;
-        top: 50%;
+        top: 20px;
         transform: translateY(-50%);
         display: flex;
         align-items: center;
@@ -155,19 +155,16 @@ export class DeesInputText extends DeesInputBase {
       /* Valid checkmark icon */
       .validIcon {
         position: absolute;
-        right: 8px;
-        top: 50%;
+        right: 10px;
+        top: 20px;
         transform: translateY(-50%);
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 22px;
-        height: 22px;
-        border-radius: 50%;
-        background: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
         opacity: 0;
         transition: opacity 0.2s ease;
         pointer-events: none;
+        color: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
       }
 
       .validIcon.show {
@@ -175,8 +172,7 @@ export class DeesInputText extends DeesInputBase {
       }
 
       .validIcon dees-icon {
-        font-size: 14px;
-        color: white;
+        font-size: 18px;
       }
 
       /* Validation styles */