diff --git a/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss b/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss
index fe33362..bedb9d6 100644
--- a/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss
+++ b/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss
@@ -1,9 +1,13 @@
+:host{
+  display: block;
+}
 .breadcrumbs {
   padding: 12px 0 0 0;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 12px;
-
+  display: block;
+  white-space: nowrap;
+  overflow: hidden; 
+  text-overflow: ellipsis;
+  color:var(--blue-1);
   li {
     padding: 0;
     display: inline;
@@ -14,19 +18,23 @@
     font-style: normal;
     font-weight: 400;
     line-height: 16px; /* 160% */
-    text-wrap: nowrap;
+
     color: var(--blue-1);
 
     &::before {
-      display: block;
+      display: inline;
       content: "";
       position: absolute;
       width: 20px;
       height: 20px;
       right: -22px;
-      top: 0;
+      top: 4px;
+      vertical-align: -5px;
       background: url("~src/assets/images/icons/chevron_right_24dp.svg") no-repeat center;
     }
+    &:first-child,&:nth-child(2){
+      display: none;
+    }
     &:last-child {
       &::before {
         background: none;