diff --git a/src/servala/frontend/templates/account/login.html b/src/servala/frontend/templates/account/login.html
index bb945ee..b0242b9 100644
--- a/src/servala/frontend/templates/account/login.html
+++ b/src/servala/frontend/templates/account/login.html
@@ -28,14 +28,23 @@
                             {% endfor %}
                         {% endif %}
                     {% endif %}
-                    <details class="mt-2">
-                        <summary>{% translate "Log in with email and password instead" %}</summary>
-                        <form method="post" action="{% url 'account_login' %}">
-                            {% csrf_token %}
-                            {{ form }}
-                            <button class="btn btn-primary" type="submit">{% translate "Sign In" %}</button>
-                        </form>
-                    </details>
+                    <div class="mt-2">
+                        <a data-bs-toggle="collapse"
+                           href="#login-form"
+                           role="button"
+                           aria-controls="login-form"
+                           class="d-flex align-items-center">
+                            <i class="bi bi-chevron-right me-2 ms-1 mb-2 collapse-icon"></i>
+                            {% translate "Log in with email and password instead" %}
+                        </a>
+                        <div class="collapse mt-3" id="login-form">
+                            <form method="post" action="{% url 'account_login' %}">
+                                {% csrf_token %}
+                                {{ form }}
+                                <button class="btn btn-primary" type="submit">{% translate "Sign In" %}</button>
+                            </form>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>