diff --git a/dev/Styles/@Boot.css b/dev/Styles/@Boot.css
index d5a9aaf1c..505acb0d0 100644
--- a/dev/Styles/@Boot.css
+++ b/dev/Styles/@Boot.css
@@ -33,7 +33,7 @@ body {
 	text-align: center;
 }
 
-.e-spinner .e-bounce {
+.e-spinner div {
 	animation: bouncedelay 1.4s infinite ease-in-out;
 	background-color: var(--loading-color, #000);
 	border-radius: 100%;
@@ -46,12 +46,12 @@ body {
 	animation-fill-mode: both;
 }
 
-.e-spinner .bounce1 {
-	animation-delay: -0.32s;
+.e-spinner div + div {
+	animation-delay: 0.16s;
 }
 
-.e-spinner .bounce2 {
-	animation-delay: -0.16s;
+.e-spinner div + div + div {
+	animation-delay: 0.32s;
 }
 
 @keyframes bouncedelay {
diff --git a/snappymail/v/0.0.0/app/templates/Index.html b/snappymail/v/0.0.0/app/templates/Index.html
index 589540695..b4d5e41b3 100644
--- a/snappymail/v/0.0.0/app/templates/Index.html
+++ b/snappymail/v/0.0.0/app/templates/Index.html
@@ -25,9 +25,9 @@
 		<div id="rl-loading">
 			<div id="rl-loading-desc">{{LoadingDescriptionEsc}}</div>
 			<div class="e-spinner">
-				<div class="e-bounce bounce1"></div>
-				<div class="e-bounce bounce2"></div>
-				<div class="e-bounce bounce3"></div>
+				<div></div>
+				<div></div>
+				<div></div>
 			</div>
 		</div>
 		<div id="rl-loading-error" hidden="">An error occurred.<br>Please refresh the page and try again.</div>