diff --git a/index.css b/index.css
index 66703ba..077aea4 100644
--- a/index.css
+++ b/index.css
@@ -362,28 +362,9 @@ a {
 
 
 #centermessage {
-    position: absolute;
-    top: 30%;
-
-    left: 25%;
-    width: 50%;
-
-    font-size: large;
-
-    padding: 2em;
-    border-radius: 2em;
     z-index: 4000;
     pointer-events: none;
-
-    opacity: 1;
-    background-color: var(--background-color);
-    color: var(--foreground-color);
-
     transition: opacity 500ms linear;
-
-    text-align: center;
-    horiz-align: center;
-    font-weight: bold;
 }
 
 
diff --git a/index.html b/index.html
index 506c0df..00f9e5d 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,9 @@
 
 <div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden"></div>
 
-<div id="centermessage">Loading MapComplete, hang on...</div>
+<div id="centermessage" class="absolute rounded-3xl h-24 left-24 right-24 top-56 bg-white p-3 pt-5 sm:pt-8 text-xl font-bold text-center">
+    Loading MapComplete, hang on...
+</div>
 
 <div id="geolocate-button"></div>
 <div id="leafletDiv"></div>