diff --git a/packages/primevue/src/select/style/SelectStyle.js b/packages/primevue/src/select/style/SelectStyle.js index 5c4e5f760..3bd82ce06 100644 --- a/packages/primevue/src/select/style/SelectStyle.js +++ b/packages/primevue/src/select/style/SelectStyle.js @@ -52,7 +52,7 @@ const theme = ({ dt }) => ` top: 50%; margin-top: -0.5rem; color: ${dt('select.clear.icon.color')}; - right: ${dt('select.dropdown.width')}; + inset-inline-end: ${dt('select.dropdown.width')}; } .p-select-dropdown { @@ -63,8 +63,8 @@ const theme = ({ dt }) => ` background: transparent; color: ${dt('select.dropdown.color')}; width: ${dt('select.dropdown.width')}; - border-top-right-radius: ${dt('select.border.radius')}; - border-bottom-right-radius: ${dt('select.border.radius')}; + border-start-end-radius: ${dt('select.border.radius')}; + border-end-end-radius: ${dt('select.border.radius')}; } .p-select-label { @@ -87,7 +87,7 @@ const theme = ({ dt }) => ` } .p-select:has(.p-select-clear-icon) .p-select-label { - padding-right: calc(1rem + ${dt('select.padding.x')}); + padding-inline-end: calc(1rem + ${dt('select.padding.x')}); } .p-select.p-disabled .p-select-label {