diff --git a/src/main/resources/static/css/login.css b/src/main/resources/static/css/login.css
index f0e1bb74bd93a29163fb09c715e9962628416b2b..88bfc63ef96bb5402d021ab407ce96119c875dab 100644
--- a/src/main/resources/static/css/login.css
+++ b/src/main/resources/static/css/login.css
@@ -310,13 +310,13 @@ and (max-device-width: 640px) {
     }
 
     .container.active .sign-in{
-        transform: translateY(0);
+        transform: translateY(-100%);
         opacity: 0;
         z-index: -1;
     }
     .container.active .sign-up{
         opacity: 1;
-        z-index: 5;
+        z-index: 10;
         transform: translateY(100%);
     }
 
@@ -355,7 +355,14 @@ and (max-device-width: 640px) {
     }
 }
 .alert {
-    color: var(--error-colour);
-    text-shadow: var(--error-colour) 0 0 10px;
+    color: var(--alert-colour, black);
+    text-shadow: 0 0 10px var(--alert-colour, black);
+}
+
+.alert-error {
+    --alert-colour: red;
+}
+.alert-success {
+    --alert-colour: green;
 }
 
diff --git a/src/main/resources/static/css/mobile-style.css b/src/main/resources/static/css/mobile-style.css
index cba00c1ca92b75e0785f80614f09710c14ce3704..6be7d20cb2d472f85e42d7154c059181e13a0904 100644
--- a/src/main/resources/static/css/mobile-style.css
+++ b/src/main/resources/static/css/mobile-style.css
@@ -170,8 +170,6 @@ and (max-device-width: 640px) {
             aspect-ratio: 1;
         }
     }
-
-
 }
 
 
diff --git a/src/main/resources/templates/fragments/banners.html b/src/main/resources/templates/fragments/banners.html
index 2a56ff54fe652fac83a57ddfb846ac78b5626675..c336ba3b355e15647b108265ad760a7fc45e0c95 100644
--- a/src/main/resources/templates/fragments/banners.html
+++ b/src/main/resources/templates/fragments/banners.html
@@ -15,7 +15,10 @@
         <a href="/login" class="nav-links">Log In</a>
       </li>
       <li class="nav-li li-last" th:if="${#authentication.principal}!=anonymousUser">
-        <a href="/logout" class="nav-links">Log Out</a>
+        <a class="nav-links" href="javascript: document.logoutForm.submit()" role="menuitem">Log Out</a>
+        <form name="logoutForm" th:action="@{/logout}" method="post" th:hidden="true">
+          <input hidden type="submit" value="Sign Out"/>
+        </form>
       </li>
     </ul>
   </nav>