diff --git a/lib/content-services/breadcrumb/breadcrumb.component.html b/lib/content-services/breadcrumb/breadcrumb.component.html
index 80b0fc20d9..77fc8f460b 100644
--- a/lib/content-services/breadcrumb/breadcrumb.component.html
+++ b/lib/content-services/breadcrumb/breadcrumb.component.html
@@ -1,46 +1,54 @@
 <div *ngIf="folderNode" data-automation-id="breadcrumb" class="adf-breadcrumb-container">
-        <button
-            *ngIf="hasPreviousNodes()"
-            tabindex="0"
-            class="adf-breadcrumb-dropdown-trigger"
-            (click)="open()">
-            <mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
-            <mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
-        </button>
-    
-        <mat-select
-            #select
-            *ngIf="hasPreviousNodes()"
-            class="adf-breadcrumb-dropdown-path"
+    <button
+        *ngIf="hasPreviousNodes()"
+        tabindex="0"
+        class="adf-breadcrumb-dropdown-trigger"
+        (click)="open()">
+        <mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
+        <mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
+    </button>
+
+    <mat-select
+        #select
+        *ngIf="hasPreviousNodes()"
+        class="adf-breadcrumb-dropdown-path"
+        tabindex="0">
+
+        <mat-option
+            *ngFor="let node of previousNodes;"
+            (click)="onRoutePathClick(node, $event)"
+            class="adf-breadcrumb-path-option"
             tabindex="0">
-    
-            <mat-option
-                *ngFor="let node of previousNodes;"
-                (click)="onRoutePathClick(node, $event)"
-                class="adf-breadcrumb-path-option"
-                tabindex="0">
-                {{ node.name }}
-            </mat-option>
-        </mat-select>
-    
-        <li *ngFor="let item of lastNodes; let last = last"
-            [class.active]="last"
-            [ngSwitch]="last"
-            title="{{ item.name | translate }}"
-            class="adf-breadcrumb-item">
-    
-            <a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name"
-               class="adf-breadcrumb-item-anchor"
-               (click)="onRoutePathClick(item, $event)">
-                {{ item.name | translate }}
-            </a>
-    
-            <div *ngSwitchCase="true" class="adf-breadcrumb-item-current">
-                {{ item.name | translate }}
-            </div>
-    
-            <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last">
-                chevron_right
-            </mat-icon>
-        </li>
-    </div>
\ No newline at end of file
+            {{ node.name }}
+        </mat-option>
+    </mat-select>
+
+    <li *ngFor="let item of lastNodes; let last = last"
+        [class.active]="last"
+        [ngSwitch]="last"
+        title="{{ item.name | translate }}"
+        class="adf-breadcrumb-item">
+
+        <a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name"
+            class="adf-breadcrumb-item-anchor"
+            (click)="onRoutePathClick(item, $event)">
+            {{ item.name | translate }}
+        </a>
+
+        <div *ngSwitchCase="true" class="adf-breadcrumb-item-current">
+            {{ item.name | translate }}
+        </div>
+
+        <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last">
+            chevron_right
+        </mat-icon>
+    </li>
+</div>
+
+<div *ngIf="!folderNode && hasRoot" data-automation-id="breadcrumb">
+    <li class="adf-breadcrumb-item active">
+        <div class="adf-breadcrumb-item-current">
+            {{ root | translate }}
+        </div>
+    </li>
+</div>