diff --git a/components/lib/cascadeselect/style/CascadeSelectStyle.js b/components/lib/cascadeselect/style/CascadeSelectStyle.js
index e5ddb2083..6c87f90f4 100644
--- a/components/lib/cascadeselect/style/CascadeSelectStyle.js
+++ b/components/lib/cascadeselect/style/CascadeSelectStyle.js
@@ -134,6 +134,12 @@ const theme = ({ dt }) => `
     border-radius: ${dt('cascadeselect.option.border.radius')};
 }
 
+.p-cascadeselect-item-active {
+    overflow: visible;
+    background: ${dt('cascadeselect.option.focus.background')};
+    color: ${dt('cascadeselect.option.focus.color')};
+}
+
 .p-cascadeselect-item:not(.p-cascadeselect-item-selected):not(.p-disabled).p-focus {
     background: ${dt('cascadeselect.option.focus.background')};
     color: ${dt('cascadeselect.option.focus.color')};
@@ -153,12 +159,6 @@ const theme = ({ dt }) => `
     color: ${dt('cascadeselect.option.selected.focus.color')};
 }
 
-.p-cascadeselect-item-active {
-    overflow: visible;
-    background: ${dt('cascadeselect.option.focus.background')};
-    color: ${dt('cascadeselect.option.focus.color')};
-}
-
 .p-cascadeselect-item-active > .p-cascadeselect-item-list {
     display: block;
     left: 100%;