diff --git a/packages/primevue/src/iconfield/style/IconFieldStyle.js b/packages/primevue/src/iconfield/style/IconFieldStyle.js
index 29b7cdc74..6b72d214d 100644
--- a/packages/primevue/src/iconfield/style/IconFieldStyle.js
+++ b/packages/primevue/src/iconfield/style/IconFieldStyle.js
@@ -14,19 +14,19 @@ const theme = ({ dt }) => `
 }
 
 .p-iconfield .p-inputicon:first-child {
-    left: ${dt('form.field.padding.x')};
+    inset-inline-start: ${dt('form.field.padding.x')};
 }
 
 .p-iconfield .p-inputicon:last-child {
-    right: ${dt('form.field.padding.x')};
+    inset-inline-end: ${dt('form.field.padding.x')};
 }
 
 .p-iconfield .p-inputtext:not(:first-child) {
-    padding-left: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});
+    padding-inline-start: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});
 }
 
 .p-iconfield .p-inputtext:not(:last-child) {
-    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')});
 }
 `;