diff --git a/frontend/public/global.css b/frontend/public/global.css
index ade30d9..7bf49ea 100644
--- a/frontend/public/global.css
+++ b/frontend/public/global.css
@@ -60,12 +60,12 @@ body {
 	overflow: hidden;
 }
 
-.pre--loading-screen {
+.fullscreen-message {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 100vw;
-	height: 100vh;
+	width: 100%;
+	height: 100%;
 	overflow: hidden;
 	background-color: var(--background-color-1);
 }
diff --git a/frontend/public/index.html b/frontend/public/index.html
index a2282ab..5874974 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -13,6 +13,6 @@
 </head>
 
 <body>
-	<div class="pre--loading-screen" id="pre--loading-screen">heating up the crt...</div>
+	<div class="fullscreen-message" id="pre--loading-screen">heating up the crt...</div>
 </body>
 </html>
diff --git a/frontend/src/components/pages/main/Main.svelte b/frontend/src/components/pages/main/Main.svelte
index 34770ad..c46e3b5 100644
--- a/frontend/src/components/pages/main/Main.svelte
+++ b/frontend/src/components/pages/main/Main.svelte
@@ -13,16 +13,6 @@
         flex-direction: row;
         overflow: hidden;
     }
-
-    .fullscreen-message {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        background-color: var(--background-color-1);
-    }
 </style>
 
 {#if !$gatewayStatus.ready}
