diff --git a/aleksis/core/assets/components/Loading.vue b/aleksis/core/assets/components/Loading.vue
index e02aba4891739b28737dd97b0a83697cf77fe0ba..183be93ffeb1563244e588bfe00f0a0c81a932af 100644
--- a/aleksis/core/assets/components/Loading.vue
+++ b/aleksis/core/assets/components/Loading.vue
@@ -1,6 +1,8 @@
 <template>
-  <div v-if="splash" id="logo-container">
-    <img src="/logo" alt="Logo" id="logo" width="600" />
+  <div v-if="splash">
+    <div id="logo-container">
+      <img src="/logo" alt="Logo" id="logo" width="600" />
+    </div>
     <div class="lds-ellipsis">
       <div></div>
       <div></div>
@@ -54,7 +56,10 @@ export default {
 
 .lds-ellipsis {
   display: inline-block;
-  position: relative;
+  position: absolute;
+  bottom: 5%;
+  left: 50%;
+  transform: translate(-50%);
   width: 80px;
   height: 80px;
 }
diff --git a/aleksis/core/templates/core/partials/splash_screen.html b/aleksis/core/templates/core/partials/splash_screen.html
index 94a8e2e17b4d7db1443aba4dfee9ab4de050d43f..e637aa535fc971d084764cd4628b37019799202f 100644
--- a/aleksis/core/templates/core/partials/splash_screen.html
+++ b/aleksis/core/templates/core/partials/splash_screen.html
@@ -7,18 +7,18 @@
     id="logo"
     width="600"
   >
-  <div class="lds-ellipsis">
-    <div></div>
-    <div></div>
-    <div></div>
-    <div></div>
-  </div>
   <noscript>
     {% blocktrans %}
       This webbrowser doesn't support JavaScript, or it's execution is blocked. Please use another browser to continue.
     {% endblocktrans %}
   </noscript>
 </div>
+<div class="lds-ellipsis">
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
 
 <style>
   #logo {
@@ -41,7 +41,10 @@
 
   .lds-ellipsis {
     display: inline-block;
-    position: relative;
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    transform: translate(-50%);
     width: 80px;
     height: 80px;
   }