diff --git a/src/components/CompositeBar/Item/Item.scss b/src/components/CompositeBar/Item/Item.scss
index 8defac94..c5a66fa6 100644
--- a/src/components/CompositeBar/Item/Item.scss
+++ b/src/components/CompositeBar/Item/Item.scss
@@ -70,14 +70,14 @@ $block: '.#{variables.$ns}composite-bar-item';
     }
 
     &__title {
-        display: flex;
+        display: box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
         overflow: hidden;
     }
 
     &__title-text {
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
+        display: inline;
 
         color: var(--gn-aside-header-item-text-color, var(--_--item-text-color));
 
@@ -90,6 +90,7 @@ $block: '.#{variables.$ns}composite-bar-item';
     }
 
     &__title-adornment {
+        display: inline-block;
         margin: 0 10px;
     }