diff --git a/components/doc/password/theming/tailwinddoc.js b/components/doc/password/theming/tailwinddoc.js
index 1ff18a5c48..4f1ad7b9e4 100644
--- a/components/doc/password/theming/tailwinddoc.js
+++ b/components/doc/password/theming/tailwinddoc.js
@@ -40,6 +40,9 @@ const Tailwind = {
         hideicon: {
             className: classNames('absolute top-1/2 -mt-2', 'right-3 text-gray-600 dark:text-white/70')
         },
+        inputIcon: {
+            root: 'mt-0'
+        },
         transition: TRANSITIONS.overlay
     }
 }
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 2a658b456d..5876568ef5 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -1073,6 +1073,9 @@ const Tailwind = {
         hideIcon: {
             className: classNames('absolute top-1/2 -mt-2', 'right-3 text-gray-600 dark:text-white/70')
         },
+        inputIcon: {
+            root: 'mt-0'
+        },
         transition: TRANSITIONS.overlay
     },
     togglebutton: {
diff --git a/components/lib/password/Password.js b/components/lib/password/Password.js
index 2f4058956d..b09396d04c 100644
--- a/components/lib/password/Password.js
+++ b/components/lib/password/Password.js
@@ -483,7 +483,9 @@ export const Password = React.memo(
             input = (
                 <IconField className={cx('iconField')} pt={ptm('iconField')} __parentMetadata={{ parent: metaData }}>
                     {input}
-                    <InputIcon>{icon}</InputIcon>
+                    <InputIcon className={cx('inputIcon')} pt={ptm('inputIcon')} __parentMetadata={{ parent: metaData }}>
+                        {icon}
+                    </InputIcon>
                 </IconField>
             );
         }