diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 53cd5d8a9b1d9acf94919348f062b3c2bfd54475..2c25d362d3a955d661739433c73e5815e2f17ddf 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -66,16 +66,22 @@
     </div>
   </div>
   <div class="bike-details-container" *ngIf="isDetailsVisible">
+    <ion-icon class="close-circle-cancel" name="close-circle" (click)="navigatetoBikeList()"></ion-icon>
     <div class="inner">
+      
       <div class="button-container">
+        
         <ion-grid>
+          
           <ion-row>
+            
             <ion-col>
               Bike Name
             </ion-col>
             <ion-col>
               {{selectedBike.name}}
             </ion-col>
+         
           </ion-row>
           <ion-row>
             <ion-col>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 1761a14ba1dc20ca08026ca46a9aaf7c28e49a99..3de9d93bfe1820349f93d5da798ead5f620f0e58 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -160,4 +160,7 @@ ion-footer{
 
 .button-container{
   clear: both;
+}
+.close-circle-cancel{
+  margin-left: 93%;
 }
\ No newline at end of file
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 454eeeb470653d7104fdb9821ed28f80a03ffd7e..64bf1db12a82dc668c7d6283121bc02ae6801dd7 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -51,6 +51,7 @@ export class HomePage implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
+    
   }
 
   ngAfterViewInit() {
@@ -225,6 +226,10 @@ export class HomePage implements OnInit, OnDestroy {
 
     this.locationsGroup.addObjects([marker]);
   }
+  navigatetoBikeList() {
+    this.isDetailsVisible = false;
+    this.ionViewWillEnter();
+  }
 
   enable3DMaps() {
     this.map.setBaseLayer(this.defaultLayers.vector.normal.map);
diff --git a/src/app/services/feedback.service.ts b/src/app/services/feedback.service.ts
index 7aa0bc0fd2a7e6c51fb7723959ba0523f56ff240..e0409f8eebff6f2f27d49eb7d539ae95c99f4e28 100644
--- a/src/app/services/feedback.service.ts
+++ b/src/app/services/feedback.service.ts
@@ -5,6 +5,7 @@ import { Injectable } from '@angular/core';
 })
 export class FeedbackService {
   feedbackBikeDetails = {name : "",bikeid:""}
+  
   constructor() { }
 public getBikeid(){
   return this.feedbackBikeDetails.bikeid