diff --git a/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.html b/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.html
index 4906e5502e763dff89f4e2bcd206790e3cb041aa..b1ba743518132090790afd6102a5839cd87ca800 100644
--- a/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.html
+++ b/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.html
@@ -3,7 +3,7 @@
   <ng-container [ngTemplateOutlet]="content"></ng-container>
 </a>
 
-<div *ngIf="!clickable" class="smp-breadcrumb-item non-clickable">
+<div *ngIf="!clickable" class="smp-breadcrumb-item smp-disabled">
   <ng-container [ngTemplateOutlet]="content"></ng-container>
 </div>
 
diff --git a/smp-angular/src/styles.css b/smp-angular/src/styles.css
index d33578188c8ccc814b6a32f8590c6188a60fd952..406c091b98bf47ff29561204a87f051ab74f5c34 100644
--- a/smp-angular/src/styles.css
+++ b/smp-angular/src/styles.css
@@ -141,6 +141,11 @@ ngx-datatable span:before {
   bottom: 0;
 }
 
+.smp-disabled {
+  pointer-events: none;
+  opacity: 50%;
+}
+
 /*Hamburger button*/
 #sandwichMenu {