diff --git a/src/app/hirebike/hirebike.page.html b/src/app/hirebike/hirebike.page.html
index 322c1f35750bf4b201940de419a760441f490abb..c08ded610180cedad3646325e6e7ff3ab299aace 100644
--- a/src/app/hirebike/hirebike.page.html
+++ b/src/app/hirebike/hirebike.page.html
@@ -79,7 +79,7 @@
         <div class="routes-list-wrapper">
           <div class="routes-list-inner">
             <div class="route-option-wrapper" *ngFor="let route of routeList | keyvalue; let i = index">
-              <div class="route-option-inner" (click)="selectRoute(route.value.route, i)">
+              <div class="route-option-inner" [ngClass]="{'selected': route.value.selected}" (click)="selectRoute(route.value.route, i)">
                 <div class="route-heading">{{getRouteType(route.value.mode)}}:</div>
                 <div class="route-summary">{{route.value.summary}}</div>
                 <div class="route-prediction"></div>