Fix breadcrumb styles for Wazuh Dashboard based on OSD 2.3.x

public/components/common/globalBreadcrumb/globalBreadcrumb.scss

@@ -1,8 +1,8 @@
-nav.euiBreadcrumbs.wz-global-breadcrumb span.euiBreadcrumb[title=""]:first-child{
+/*nav.euiBreadcrumbs.wz-global-breadcrumb span.euiBreadcrumb[title=""]:first-child {
   display: none;
-}
+}*/
 
-.euiBreadcrumbs--truncate .wz-global-breadcrumb .euiBreadcrumb:not(.euiBreadcrumb--collapsed) span.euiToolTipAnchor{
+.euiBreadcrumbs--truncate .wz-global-breadcrumb .euiBreadcrumb:not(.euiBreadcrumb--collapsed) span.euiToolTipAnchor {
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -14,18 +14,39 @@ nav.euiBreadcrumbs.wz-global-breadcrumb span.euiBreadcrumb[title=""]:first-child
   padding: 0px;
 }
 
-.wz-global-breadcrumb-btn{
-  max-width: unset!important;
+.wz-global-breadcrumb-btn {
+  max-width: unset !important;
 }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
-  _::-webkit-full-page-media, _:future, :root , .wz-global-breadcrumb {
+
+  _::-webkit-full-page-media,
+  _:future,
+  :root,
+  .wz-global-breadcrumb {
     line-height: 1.5;
   }
 }
 
 @-moz-document url-prefix() {
   .wz-global-breadcrumb #breadcrumbNoTitle {
-    height: auto!important;
+    height: auto !important;
   }
 }
+
+// styles for opensearch >2.x
+
+.osdHeaderBreadcrumbs,
+.osdHeaderBreadcrumbs--dark {
+  filter: none;
+}
+
+.osdHeaderBreadcrumbs .euiBreadcrumb:not(.euiBreadcrumb:last-child),
+.osdHeaderBreadcrumbs--dark .euiBreadcrumb:not(.euiBreadcrumb:last-child) {
+  margin-right: 8px;
+}
+
+.osdHeaderBreadcrumbs .euiBreadcrumbSeparator,
+.osdHeaderBreadcrumbs--dark .euiBreadcrumbSeparator {
+  display: block;
+}