diff --git a/files/templates/header-tw.html b/files/templates/header-tw.html
index 70832e8a6..674b6479a 100644
--- a/files/templates/header-tw.html
+++ b/files/templates/header-tw.html
@@ -160,12 +160,18 @@
         </li>
       </ul>
       {% else %}
-      <a class="btn btn-red" href="/login?redirect={{request.path | urlencode}}">
-        Login
-      </a>
-      <a class="btn border border-red-600 hover:from-red-600 hover:to-red-700 hover:border-red-900 text-red-600 focus:text-gray-200;" href="/signup?redirect={{request.path | urlencode}}">
-        Join rdrama
-      </a>
+      <ul class="flex flex-col space-y-2">
+          <li>
+          <a class="btn btn-red" href="/login?redirect={{request.path | urlencode}}">
+            Login
+          </a>
+        </li>
+        <li>
+          <a class="btn border border-red-600 hover:bg-gradient-to-t hover:from-red-600 hover:to-red-700 hover:border-red-900 text-red-600 focus:text-gray-200;" href="/signup?redirect={{request.path | urlencode}}">
+            Join rdrama
+          </a>
+        </li>
+      </ul>
       {% endif %}
     </div>
   </div>