diff --git a/nise-frontend/src/app/home/home.component.html b/nise-frontend/src/app/home/home.component.html
index 5aaeb39..04cd255 100644
--- a/nise-frontend/src/app/home/home.component.html
+++ b/nise-frontend/src/app/home/home.component.html
@@ -44,8 +44,8 @@
       </ng-template>
     </label>
 
-    <div class="term">
-      <div class="text-center" style="font-weight: bold; font-size: 14px; padding-bottom: 10px">
+    <div class="term" style="width: 100%; padding: 0">
+      <div class="text-center" style="font-weight: bold; font-size: 14px; padding-bottom: 10px; padding-top: 16px">
         <img src="/assets/new.png" width="48" style="  filter: grayscale(30%) sepia(20%) brightness(90%);">
         <br>
         <ng-container *ngIf="this.wantsConnection">new <span style="margin-right: 4px" class="text-has-info " title="this feed includes any score - this does not mean they're cheating.">scores</span> <span style="color: rgba(36,255,114,0.65); filter: grayscale(40%)">[live]</span></ng-container>
@@ -62,11 +62,11 @@
           new scores will appear here.
         </p>
       </ng-container>
-      <div style="overflow-y: scroll; max-height: 565px">
+      <div style="overflow-y: scroll; max-height: 495px; padding: 16px">
         <ng-container *ngFor="let replay of this.liveScores">
           <div style="margin-bottom: 6px">
             <a [routerLink]="['/s/' + replay.replay_id]">
-              <div style="border: 1px dotted rgba(204,204,204,0.4); padding: 4px; margin-right: 16px; font-size: 13px">
+              <div style="border: 1px dotted rgba(204,204,204,0.4); padding: 4px; font-size: 13px">
                 <ul style="list-style: none; padding-left: 10px;">
                   <li>User: {{ replay.username }}</li>
                   <li>Date: {{ replay.date }}</li>
diff --git a/nise-frontend/src/app/home/home.component.ts b/nise-frontend/src/app/home/home.component.ts
index e12be61..803cc3f 100644
--- a/nise-frontend/src/app/home/home.component.ts
+++ b/nise-frontend/src/app/home/home.component.ts
@@ -4,7 +4,7 @@ import {environment} from "../../environments/environment";
 import {LocalCacheService} from "../../corelib/service/local-cache.service";
 import {RxStompService} from "../../corelib/stomp/stomp.service";
 import {Message} from "@stomp/stompjs/esm6";
-import {ReplayData} from "../replays";
+import {ErrorDistribution, ReplayData, ReplayDataChart, ReplayDataSimilarScore} from "../replays";
 import {DecimalPipe, NgForOf, NgIf} from "@angular/common";
 import {Router, RouterLink} from "@angular/router";
 import {HttpClient} from "@angular/common/http";
diff --git a/nise-frontend/src/app/replays.ts b/nise-frontend/src/app/replays.ts
index a8fa771..1c88de4 100644
--- a/nise-frontend/src/app/replays.ts
+++ b/nise-frontend/src/app/replays.ts
@@ -66,6 +66,50 @@ export interface UserReplayData {
   charts: ReplayDataChart[];
 }
 
+export function getMockReplayData(): ReplayData {
+  return {
+    'replay_id': 123,
+    'user_id': 123,
+    'username': 'username',
+    'date': 'date',
+    'beatmap_id': 123,
+    'beatmap_beatmapset_id': 123,
+    'beatmap_artist': 'beatmap_artist',
+    'beatmap_title': 'beatmap_title',
+    'beatmap_star_rating': 123,
+    'beatmap_creator': 'beatmap_creator',
+    'beatmap_version': 'beatmap_version',
+    'score': 123,
+    'mods': ['mods'],
+    'rank': 'rank',
+    'ur': 123,
+    'average_ur': 123,
+    'adjusted_ur': 123,
+    'frametime': 123,
+    'snaps': 123,
+    'hits': 123,
+    'pp': 123,
+    'perfect': true,
+    'max_combo': 123,
+    'mean_error': 123,
+    'error_variance': 123,
+    'error_standard_deviation': 123,
+    'minimum_error': 123,
+    'maximum_error': 123,
+    'error_range': 123,
+    'error_coefficient_of_variation': 123,
+    'error_kurtosis': 123,
+    'error_skewness': 123,
+    'count_300': 123,
+    'count_100': 123,
+    'count_50': 123,
+    'count_miss': 123,
+    'similar_scores': [],
+    'error_distribution': {},
+    'charts': []
+  };
+}
+
 export interface ReplayData {
   replay_id: number | null;
   user_id: number;