diff --git a/web-frontend/public/login.html b/web-frontend/public/login.html
index 8c9734c9a..555a8f001 100644
--- a/web-frontend/public/login.html
+++ b/web-frontend/public/login.html
@@ -9,7 +9,7 @@
         <div class="box-page">
 
             <!-- login page -->
-            <div class="box login-page login-page-login hidden">
+            <div class="box login-page login-page-login">
                 <h1 class="box-title">Baserow</h1>
                 <div class="alert alert-error alert-has-icon">
                     <div class="alert-icon">
@@ -94,7 +94,7 @@
             </div>
 
             <!-- sign up page -->
-            <div class="box login-page login-page-signup">
+            <div class="box login-page login-page-signup hidden">
                 <h1 class="box-title">Sign up</h1>
                 <form>
                     <div class="control">
diff --git a/web-frontend/src/scss/base/_helpers.scss b/web-frontend/src/scss/base/_helpers.scss
index e63071912..cfb01246a 100644
--- a/web-frontend/src/scss/base/_helpers.scss
+++ b/web-frontend/src/scss/base/_helpers.scss
@@ -11,7 +11,11 @@
     transform: rotate(0deg);
   }
 
+  68% {
+    transform: rotate(880deg);
+  }
+
   100% {
-    transform: rotate(360deg);
+    transform: rotate(1080deg);
   }
 }
diff --git a/web-frontend/src/scss/components/_button.scss b/web-frontend/src/scss/components/_button.scss
index 72570c7b2..b731b1414 100644
--- a/web-frontend/src/scss/components/_button.scss
+++ b/web-frontend/src/scss/components/_button.scss
@@ -80,6 +80,6 @@
     border-radius: 50%;
     border: 0.25em solid #fff;
     border-color: #fff transparent #fff transparent;
-    animation: spin 1.2s linear infinite;
+    animation: spin 1.8s linear infinite;
   }
 }