diff --git a/frontend/src/app/components/clock-face/clock-face.component.ts b/frontend/src/app/components/clock-face/clock-face.component.ts
index 63d87c436..eec0fa98c 100644
--- a/frontend/src/app/components/clock-face/clock-face.component.ts
+++ b/frontend/src/app/components/clock-face/clock-face.component.ts
@@ -1,6 +1,5 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { Subscription, tap, timer } from 'rxjs';
-import { WebsocketService } from '../../services/websocket.service';
 import { StateService } from '../../services/state.service';
 
 @Component({
@@ -33,17 +32,20 @@ export class ClockFaceComponent implements OnInit, OnChanges, OnDestroy {
   }
 
   ngOnInit(): void {
-    this.timeSubscription = timer(0, 250).pipe(
-      tap(() => {
-        this.updateTime();
-      })
-    ).subscribe();
-    this.blocksSubscription = this.stateService.blocks$
-      .subscribe((blocks) => {
-        this.blockTimes = blocks.map(block => [block.height, new Date(block.timestamp * 1000)]);
-        this.blockTimes = this.blockTimes.sort((a, b) => a[1].getTime() - b[1].getTime());
-        this.updateSegments();
-      });
+    if (this.stateService.isBrowser) {
+      this.timeSubscription = timer(0, 250).pipe(
+        tap(() => {
+          console.log('face tick');
+          this.updateTime();
+        })
+      ).subscribe();
+      this.blocksSubscription = this.stateService.blocks$
+        .subscribe((blocks) => {
+          this.blockTimes = blocks.map(block => [block.height, new Date(block.timestamp * 1000)]);
+          this.blockTimes = this.blockTimes.sort((a, b) => a[1].getTime() - b[1].getTime());
+          this.updateSegments();
+        });
+    }
   }
 
   ngOnChanges(): void {
@@ -54,7 +56,9 @@ export class ClockFaceComponent implements OnInit, OnChanges, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.timeSubscription.unsubscribe();
+    if (this.timeSubscription) {
+      this.timeSubscription.unsubscribe();
+    }
   }
 
   updateTime(): void {
diff --git a/frontend/src/app/components/clock/clock.component.ts b/frontend/src/app/components/clock/clock.component.ts
index 7ae38583a..f3f778e89 100644
--- a/frontend/src/app/components/clock/clock.component.ts
+++ b/frontend/src/app/components/clock/clock.component.ts
@@ -110,8 +110,8 @@ export class ClockComponent implements OnInit {
   
   @HostListener('window:resize', ['$event'])
   resizeCanvas(): void {
-    const windowWidth = this.limitWidth || window.innerWidth;
-    const windowHeight = this.limitHeight || window.innerHeight;
+    const windowWidth = this.limitWidth || window.innerWidth || 800;
+    const windowHeight = this.limitHeight || window.innerHeight || 800;
     this.chainWidth = windowWidth;
     this.chainHeight = Math.max(60, windowHeight / 8);
     this.clockSize = Math.min(800, windowWidth, windowHeight - (1.4 * this.chainHeight));