diff --git a/src/app/hirebike/hirebike.page.scss b/src/app/hirebike/hirebike.page.scss
index 293a80644e2b829643e0f6f29bc1e30f378b63c6..6c16e7d3f5e0160df6032bcc6100b39111b3c30d 100644
--- a/src/app/hirebike/hirebike.page.scss
+++ b/src/app/hirebike/hirebike.page.scss
@@ -18,13 +18,22 @@
   color: #444444;
 
   .route-option-wrapper{
-    padding: 8px;
-    border-bottom: 1px solid #ddd;
-    font-size: 14px;
 
-    .route-heading{
-      font-weight: 500;
-      margin-bottom: 5px;
+    .route-option-inner{
+      padding: 8px;
+      border-bottom: 1px solid #ddd;
+      font-size: 14px;
+
+      &.selected{
+        background-color: rgba(102, 157, 246, 1);
+        color: white;
+        font-weight: 500!important;
+      }
+
+      .route-heading{
+        font-weight: 500;
+        margin-bottom: 5px;
+      }
     }
   }
 }