diff --git a/packages/primevue/src/password/style/PasswordStyle.js b/packages/primevue/src/password/style/PasswordStyle.js index 85ea0a144..eae4cf8d6 100644 --- a/packages/primevue/src/password/style/PasswordStyle.js +++ b/packages/primevue/src/password/style/PasswordStyle.js @@ -64,7 +64,7 @@ const theme = ({ dt }) => ` } .p-password-toggle-mask-icon { - right: ${dt('form.field.padding.x')}; + inset-inline-end: ${dt('form.field.padding.x')}; color: ${dt('password.icon.color')}; position: absolute; top: 50%; @@ -74,7 +74,7 @@ const theme = ({ dt }) => ` } .p-password:has(.p-password-toggle-mask-icon) .p-password-input { - padding-right: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')}); + padding-inline-end: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')}); } `;