diff --git a/nise-frontend/src/app/replays.ts b/nise-frontend/src/app/replays.ts
index f44d104..e5ee510 100644
--- a/nise-frontend/src/app/replays.ts
+++ b/nise-frontend/src/app/replays.ts
@@ -68,7 +68,7 @@ export function getMockReplayData(): ReplayData {
 
 export interface ReplayData {
   replay_id: number | null;
-  user_id: number;
+  user_id: number | null;
   username: string;
   date: string;
   beatmap_id: number;
diff --git a/nise-frontend/src/app/view-score/view-score.component.html b/nise-frontend/src/app/view-score/view-score.component.html
index 2ca4224..8bb35ef 100644
--- a/nise-frontend/src/app/view-score/view-score.component.html
+++ b/nise-frontend/src/app/view-score/view-score.component.html
@@ -33,7 +33,7 @@
             </div>
           </div>
           <div class="score-player__row score-player__row--player mt-2">
-            Played by <a [routerLink]="['/u/' + this.replayData.user_id ?? this.replayData.username]">{{ this.replayData.username }}</a> <a *ngIf="this.replayData.user_id" class="btn" style="margin-left: 5px" href="https://osu.ppy.sh/users/{{ this.replayData.user_id }}" target="_blank">osu!web</a>
+            Played by <a [routerLink]="['/u/' + (this.replayData.user_id ?? this.replayData.username)]">{{ this.replayData.username }}</a> <a *ngIf="this.replayData.user_id" class="btn" style="margin-left: 5px" href="https://osu.ppy.sh/users/{{ this.replayData.user_id }}" target="_blank">osu!web</a>
             <ng-container *ngIf="!this.isUserScore">
               <br>
               Submitted on <strong>{{ this.replayData.date }}</strong>