diff --git a/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx b/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx
index 970d7d8c..ea5db86c 100644
--- a/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx
+++ b/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx
@@ -109,7 +109,7 @@ const CollapsibleNavbarItem: ForwardRefExoticComponent<CollapsibleNavbarItemProp
                     {...otherSubItemProps}
                   >
                     <ListItemIcon>{subItemIcon}</ListItemIcon>
-                    <ListItemText secondary={subItemName} />
+                    <ListItemText primary={subItemName} />
                     {open && subItemTag ? (
                       <Chip
                         label={subItemTag}
diff --git a/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss b/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss
index 22b5e134..7d1b4885 100644
--- a/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss
+++ b/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss
@@ -99,7 +99,8 @@
   .oxygen-list-sub-item-button {
     border-radius: 0;
     transition: all 0.2s;
-    padding: 6px 14px;
+    padding: 6px 12px;
+    color: var(--oxygen-palette-secondary-contrastText);
 
     &:last-child {
       border-bottom-left-radius: var(--oxygen-shape-borderRadius);
@@ -109,10 +110,6 @@
     .oxygen-list-item-icon {
       min-width: 0;
       padding: 0 1px;
-
-      svg {
-        width: 12px;
-      }
     }
 
     .oxygen-list-item-text {
@@ -163,7 +160,7 @@
     .oxygen-list-sub-item-button {
       justify-content: initial;
       transition: all 0.2s;
-      padding-left: 30px;
+      padding-left: 40px;
 
       .oxygen-list-item-icon {
         margin-right: 10px;