diff --git a/src/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component.html b/src/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component.html
index 39c5cb000cf..c0ead4f46a2 100644
--- a/src/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component.html
+++ b/src/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component.html
@@ -9,7 +9,7 @@ <h2 class="comcol-browse-label h5">{{'browse.comcol.head' | translate}}</h2>
          role="tab"
          [routerLink]="option.routerLink"
          [queryParams]="option.params"
-         routerLinkActive="active">{{ option.label | translate }}</a>
+         [class.active]="(currentOptionId$ | async) === option.id">{{ option.label | translate }}</a>
     </div>
   </div>