diff --git a/src/frontend/packages/core/src/features/home/home/home-page.component.html b/src/frontend/packages/core/src/features/home/home/home-page.component.html
index d534f44f93..4c40fd7d3e 100644
--- a/src/frontend/packages/core/src/features/home/home/home-page.component.html
+++ b/src/frontend/packages/core/src/features/home/home/home-page.component.html
@@ -26,12 +26,12 @@ <h1>Home</h1>
   </div>
 </div>
 <ng-template #noEndpoints>
-  <div *ngIf="haveRegistered$ | async; else noneRegistered">
+  <div class="home-page" *ngIf="haveRegistered$ | async; else noneRegistered">
     <app-no-content-message [icon]="'settings_ethernet'" firstLine="There are no connected endpoints" 
     [secondLine]="{text: 'Use the Endpoints view to connect'}"></app-no-content-message>
   </div>
 </ng-template>
 
 <ng-template #noneRegistered>
-  <app-endpoints-missing [showToolbarHint]="false"></app-endpoints-missing>
+  <app-endpoints-missing class="home-page" [showToolbarHint]="false"></app-endpoints-missing>
 </ng-template>
diff --git a/src/frontend/packages/core/src/features/home/home/home-page.component.scss b/src/frontend/packages/core/src/features/home/home/home-page.component.scss
index f2b06fd032..d3adc0d218 100644
--- a/src/frontend/packages/core/src/features/home/home/home-page.component.scss
+++ b/src/frontend/packages/core/src/features/home/home/home-page.component.scss
@@ -1,5 +1,7 @@
 :host {
   display: flex;
+  height: 100%;
+  width: 100%;
 }
 
 .home-page {