diff --git a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
index ee8ff8ff79..91dc8a4b1f 100644
--- a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
+++ b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
@@ -10,9 +10,14 @@
   </div>
   <div class="d-block d-sm-none">
 
-    <select name="browse-type" class="form-control" aria-label="Browse Community or Collection" (change)="onSelectChange(($event.target))">
-
-      <option *ngFor="let option of allOptions" >{{ option.label | translate }}</option>
+    <select name="browse-type"
+            class="form-control"
+            aria-label="Browse Community or Collection"
+            (ngModelChange)="onSelectChange($event)"
+            [ngModel]="currentOptionId$ | async">
+      <option *ngFor="let option of allOptions"
+            [ngValue]="option.id"
+            [attr.selected]="(currentOptionId$ | async) === option.id ? 'selected' : null">{{ option.label | translate }}</option>
     </select>
   </div>
 </nav>