CSS for dropdown breadcrumb

src/assets/styles/common-base-screen.scss

@@ -30,7 +30,6 @@
     .menu {
         display: flex;
         align-items: center;
-        overflow: hidden;
 
         &.right {
             justify-content: flex-end;

src/assets/styles/common-breadcrumbs.scss

@@ -12,6 +12,16 @@
         width: 16px;
         min-width: 16px;
     }
+
+    .dropdown-breadcrumb {
+        font-weight: 600;
+        color: var(--iqser-primary);
+
+        &[aria-expanded='true'] .mat-button-wrapper > span {
+            color: var(--iqser-accent);
+        }
+    }
+
 }
 
 .breadcrumbs {

src/assets/styles/common-menu.scss

@@ -62,5 +62,23 @@
         &:hover {
             background-color: rgba(var(--iqser-primary-rgb), 0.1);
         }
+
+        .checkmark {
+            display: none;
+            width: 10px;
+            height: 10px;
+            color: var(--iqser-primary);
+        }
+
+        &.active {
+            font-weight: 600;
+            padding-right: 8px;
+            justify-content: space-between;
+
+            .checkmark {
+                display: flex;
+            }
+        }
+
     }
 }