diff --git a/packages/primevue/src/cascadeselect/CascadeSelect.d.ts b/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
index 6ab976d0c..75fb571db 100644
--- a/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
+++ b/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
@@ -128,6 +128,10 @@ export interface CascadeSelectPassThroughOptions {
      * Used to pass attributes to the option list's DOM element.
      */
     optionList?: CascadeSelectPassThroughOptionType;
+    /**
+     * Used to pass attributes to the group icon container's DOM element.
+     */
+    groupIconContainer?: CascadeSelectPassThroughOptionType;
     /**
      * Used to pass attributes to the group icon's DOM element.
      */
diff --git a/packages/primevue/src/cascadeselect/CascadeSelectSub.vue b/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
index 0b271de75..cabe4727d 100644
--- a/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
+++ b/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
@@ -21,9 +21,11 @@
                     <component v-if="templates['option']" :is="templates['option']" :option="processedOption.option" :selected="isOptionGroup(processedOption) ? false : isOptionSelected(processedOption)" />
                     <span v-else :class="cx('optionText')" v-bind="getPTOptions(processedOption, index, 'optionText')">{{ getOptionLabelToRender(processedOption) }}</span>
                     <template v-if="isOptionGroup(processedOption)">
-                        <component v-if="templates['optiongroupicon']" :is="templates['optiongroupicon']" :class="cx('groupIcon')" />
-                        <span v-else-if="optionGroupIcon" :class="[cx('groupIcon'), optionGroupIcon]" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
-                        <AngleRightIcon v-else :class="cx('groupIcon')" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
+                        <span :class="cx('groupIconContainer')">
+                            <component v-if="templates['optiongroupicon']" :is="templates['optiongroupicon']" :class="cx('groupIcon')" />
+                            <span v-else-if="optionGroupIcon" :class="[cx('groupIcon'), optionGroupIcon]" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
+                            <AngleRightIcon v-else :class="cx('groupIcon')" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
+                        </span>
                     </template>
                 </div>
                 <CascadeSelectSub
diff --git a/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js b/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js
index 19b518a04..d83ed181d 100644
--- a/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js
+++ b/packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js
@@ -176,13 +176,13 @@ const theme = ({ dt }) => `
 .p-cascadeselect-option-content {
     display: flex;
     align-items: center;
+    justify-content: space-between;
     overflow: hidden;
     position: relative;
     padding: ${dt('cascadeselect.option.padding')};
 }
 
 .p-cascadeselect-group-icon {
-    margin-left: auto;
     font-size: ${dt('cascadeselect.option.icon.size')};
     width: ${dt('cascadeselect.option.icon.size')};
     height: ${dt('cascadeselect.option.icon.size')};
@@ -232,6 +232,7 @@ const classes = {
     ],
     optionContent: 'p-cascadeselect-option-content',
     optionText: 'p-cascadeselect-option-text',
+    groupIconContainer: 'p-cascadeselect-group-icon-container',
     groupIcon: 'p-cascadeselect-group-icon',
     optionList: 'p-cascadeselect-overlay p-cascadeselect-option-list'
 };