diff --git a/packages/primevue/src/listbox/style/ListboxStyle.js b/packages/primevue/src/listbox/style/ListboxStyle.js index 0d5a2367d..675efbd02 100644 --- a/packages/primevue/src/listbox/style/ListboxStyle.js +++ b/packages/primevue/src/listbox/style/ListboxStyle.js @@ -86,8 +86,13 @@ const theme = ({ dt }) => ` color: ${dt('listbox.option.focus.color')}; } +.p-listbox-option-blank-icon { + flex-shrink: 0; +} + .p-listbox-option-check-icon { position: relative; + flex-shrink: 0; margin-inline-start: ${dt('listbox.checkmark.gutter.start')}; margin-inline-end: ${dt('listbox.checkmark.gutter.end')}; color: ${dt('listbox.checkmark.color')}; diff --git a/packages/primevue/src/select/style/SelectStyle.js b/packages/primevue/src/select/style/SelectStyle.js index 3d33e9240..09c93a7d0 100644 --- a/packages/primevue/src/select/style/SelectStyle.js +++ b/packages/primevue/src/select/style/SelectStyle.js @@ -185,8 +185,13 @@ input.p-select-label { color: ${dt('select.option.selected.focus.color')}; } +.p-select-option-blank-icon { + flex-shrink: 0; +} + .p-select-option-check-icon { position: relative; + flex-shrink: 0; margin-inline-start: ${dt('select.checkmark.gutter.start')}; margin-inline-end: ${dt('select.checkmark.gutter.end')}; color: ${dt('select.checkmark.color')};