diff --git a/src/app/app.component.html b/src/app/app.component.html
index 60c0232..ff88d12 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -4,4 +4,3 @@
 </header>
 
 <app-map #mapRef></app-map>
-<app-route-list #routeListRef></app-route-list>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 578affa..18c436d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,6 +1,5 @@
 import { Component, ViewChild, } from '@angular/core';
 import { MapComponent } from './map/map.component';
-import { RouteListComponent } from './route-list/route-list.component';
 import { RouteResponse } from './interfaces/routeResponse';
 
 
@@ -14,11 +13,9 @@ export class AppComponent {
   title = "Street Map";
 
   @ViewChild('mapRef') mapCompopnent!: MapComponent;
-  @ViewChild('routeListRef') routeListCompopnent!: RouteListComponent;
 
   onSearchResponse($event: RouteResponse): void {
 		this.mapCompopnent.drawPath($event);
-    //this.routeListCompopnent.updateSidebar($event);
 	}
 
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index a59a803..7e77692 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,14 +4,12 @@ import { HttpClientModule } from '@angular/common/http';
 import { AppComponent } from './app.component';
 import { SearchComponent } from './search/search.component';
 import { MapComponent } from './map/map.component';
-import { RouteListComponent } from './route-list/route-list.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     SearchComponent,
     MapComponent,
-    RouteListComponent,
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/route-list/route-list.component.css b/src/app/route-list/route-list.component.css
deleted file mode 100644
index eacba19..0000000
--- a/src/app/route-list/route-list.component.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.osrm-route-container {
-  position: absolute;
-  right: 0;
-  width:300px;
-  margin-top: 50px;
-  background-color: rgba(27, 27, 27, 0.801);
-  top:0;
-  bottom: 0;
-  color: white;
-  overflow-y: scroll;
-}
-
-.osrm-route-container h4 {
-  text-align: center;
-  line-height: 30px;
-  letter-spacing: 1px;
-  padding-top: 0px;
-  margin-top: 2px;
-}
-
-.route-list {
-  width: 100%;
-  display: block;
-  font-weight: bold;
-  text-align: left;
-
-}
-
-.route-list .route-list-item {
-  width: 100%;
-  display: block;
-  border-top: 1px solid rgba(255, 255, 255, 0.418);
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.route-list .route-list-item div {
-  width: 100%;
-  /*background-image: url('/assets/images/turn-left.svg');*/
-  background-repeat: no-repeat;
-  background-size: 35px 35px;
-  background-position:5px 10px;
-}
-
-.route-list .route-list-item div p {
-  display: inline-block;
-  text-transform: capitalize;
-  padding-left: 50px;
-}
diff --git a/src/app/route-list/route-list.component.html b/src/app/route-list/route-list.component.html
deleted file mode 100644
index c2e29d3..0000000
--- a/src/app/route-list/route-list.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<div class="osrm-route-container">
-  <h4>Your Route Steps</h4>
-
-  <div class="route-list">
-    <!--
-    <div *ngFor="let step of this.routeSteps" class="route-list-item" >
-      Fork
-      <div *ngIf="step.maneuver?.type != 'fork'" style="background-image: url('/assets/images/{{step.maneuver?.modifier }}.svg');">
-        <p>{{step.maneuver?.type}} {{step.maneuver?.modifier}} <br> {{step.name}}</p>
-      </div>
-
-      Not Fork
-      <div *ngIf="step.maneuver?.type == 'fork'" style="background-image: url('/assets/images/{{step.maneuver?.type }}-{{step.maneuver?.modifier }}.svg');">
-        <p>{{step.maneuver?.type}} {{step.maneuver?.modifier}} <br> {{step.name}}</p>
-      </div>
-    </div>-->
-  </div>
-</div>
-
diff --git a/src/app/route-list/route-list.component.spec.ts b/src/app/route-list/route-list.component.spec.ts
deleted file mode 100644
index 76e6d5e..0000000
--- a/src/app/route-list/route-list.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RouteListComponent } from './route-list.component';
-
-describe('RouteListComponent', () => {
-  let component: RouteListComponent;
-  let fixture: ComponentFixture<RouteListComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ RouteListComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(RouteListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/route-list/route-list.component.ts b/src/app/route-list/route-list.component.ts
deleted file mode 100644
index 8141aba..0000000
--- a/src/app/route-list/route-list.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-route-list',
-  templateUrl: './route-list.component.html',
-  styleUrls: ['./route-list.component.css']
-})
-export class RouteListComponent {
-  routeSteps = []
-  /*
-  routeSteps: Array<OsrmStep> = [];
-
-  updateSidebar(osrm: Osrm): void{
-    console.log("updateSidebar");
-    if (osrm.routes[0].legs[0].steps) {
-      this.routeSteps = osrm.routes[0].legs[0].steps;
-    }
-  }*/
-
-}