diff --git a/Client/src/app/components/live-stream/live-stream.component.html b/Client/src/app/components/live-stream/live-stream.component.html
index 6307d38..714e7d0 100644
--- a/Client/src/app/components/live-stream/live-stream.component.html
+++ b/Client/src/app/components/live-stream/live-stream.component.html
@@ -1,9 +1,14 @@
 <secondary-page-component [hideSideBarOnMobile]="true" >
     <div mainContent class="mapWrapper">
-        <div class="video-container">
-            <h1 *ngIf="!showVideo">{{message}}</h1>
+        <h2 *ngIf="!showVideo">{{message}}</h2>
+        <div class="video-container" *ngIf="showVideo">            
             <video [class.opacity-zero]="!showVideo" *ngIf="!error" style="width:100%" [src]="videoSrc" controls [poster]="poster" (error)="vidError()"></video>   
-        </div>        
+        </div>   
+        <div style="margin-top: 10px">              
+            <button routerLink="/video" style="margin-top:5px; width:100%;" mat-stroked-button>
+                <b><i ofbicon style="margin-top:-4px; vertical-align: middle;">play_arrow</i> Click here for previous video services</b>
+            </button>
+        </div>     
     </div>
     <div sideBar ofbFadeInOnScroll>
         
diff --git a/Client/src/app/components/live-stream/live-stream.component.ts b/Client/src/app/components/live-stream/live-stream.component.ts
index c34290c..e47055c 100644
--- a/Client/src/app/components/live-stream/live-stream.component.ts
+++ b/Client/src/app/components/live-stream/live-stream.component.ts
@@ -29,46 +29,36 @@ export class LiveStreamComponent implements OnInit {
 
   private interval;
   ngOnInit() {
+    this.update();
     this.interval = setInterval(() => {
-      this.http.get<VideoServices>('assets/json/videoServices.json').subscribe(res => {
-        res.videos = res.videos.filter(v => v.archived === false);
-        res.videos.forEach(v => v.date = DateTime.fromISO(v.date, {zone: 'America/Denver'}));
-        res.videos.sort((a, b) => {
-          if (a.date < b.date) return -1;
-          if (a.date === b.date) return 0;
-          return 1;
-        });
-        var service = res.videos[0];
-        
-        if (service) {
-          this.message = (<any>service).message;
-          if (service.isReady === true) {
-            this.showVideo = true;
-              this.videoSrc = '';
-              this.videoSrc = service.src;
-              clearInterval(this.interval);
-          }
-        }  else {
-          this.message = 'No Live Services';
-        }      
-      });
-    }, 3000);
-    
+      this.update();
+    }, 3000);    
   }
 
-  public async vidError() {
-    console.log('err');
-    return;
-    if (this.videoSrc === '') return;
-    this.error = true;
-    setTimeout(async () => {
-      this.error = false;
-      setTimeout(() => { 
-        if (!this.error) {
+  update() {
+    this.http.get<VideoServices>('assets/json/videoServices.json').subscribe(res => {
+      res.videos = res.videos.filter(v => v.archived === false);
+      res.videos.forEach(v => v.date = DateTime.fromISO(v.date, {zone: 'America/Denver'}));
+      res.videos.sort((a, b) => {
+        if (a.date < b.date) return -1;
+        if (a.date === b.date) return 0;
+        return 1;
+      });
+      var service = res.videos[0];
+      
+      if (service) {
+        this.message = (<any>service).message;
+        if (service.isReady === true) {
           this.showVideo = true;
+            this.videoSrc = '';
+            this.videoSrc = service.src;
+            clearInterval(this.interval);
         }
-       }, 3000);
-    }, 3000);
-    
+      }  else {
+        this.message = 'No Live Services';
+      }      
+    });
   }
+
+
 }