diff --git a/photo21/templates/account/login.html b/photo21/templates/account/login.html
index db32d3d..1e7723f 100644
--- a/photo21/templates/account/login.html
+++ b/photo21/templates/account/login.html
@@ -9,22 +9,16 @@ SPDX-License-Identifier: GPL-3.0-or-later
 
 {% block content %}
 <div class="card mx-auto login">
-    <h3 class="card-header text-center">
-        {% trans "Sign In" %}
-    </h3>
     <div class="card-body">
         {% get_providers as socialaccount_providers %}
         {% if socialaccount_providers %}
-        <p>{% blocktrans trimmed with site.name as site_name %}Please sign in with one
-        of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
-        for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
-
-        <div class="socialaccount_ballot">
-        <ul class="socialaccount_providers">
+        <div class="d-grid col-6 mx-auto">
             {% include "socialaccount/snippets/provider_list.html" with process="login" %}
-        </ul>
-        <div class="login-or">{% trans 'or' %}</div>
         </div>
+        <hr/>
+        <p>{% blocktrans trimmed with site.name as site_name %}Please sign in with one
+            of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
+            for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
 
         {% include "socialaccount/snippets/login_extra.html" %}
 
@@ -38,9 +32,11 @@ SPDX-License-Identifier: GPL-3.0-or-later
             {% if redirect_field_value %}
             <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
             {% endif %}
-            <button type="submit" class="btn btn-primary mt-2">{% trans "Sign In" %}</button>
-            <a class="btn mt-2" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
+            <div class="d-grid col-6 mx-auto">
+                <button type="submit" class="btn btn-primary btn-lg my-2">{% trans "Sign In" %}</button>
+            </div>
         </form>
+        <a class="link-secondary" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
     </div>
 </div>
 <p class="small text-center mt-1">{% trans "If any problem, please contact the server owners at" %} <code>photos[at]crans.org</code>.</p>
diff --git a/photo21/templates/socialaccount/snippets/provider_list.html b/photo21/templates/socialaccount/snippets/provider_list.html
new file mode 100644
index 0000000..71a8ec0
--- /dev/null
+++ b/photo21/templates/socialaccount/snippets/provider_list.html
@@ -0,0 +1,21 @@
+{% comment %}
+This file is part of photo21
+Copyright (C) 2022  Amicale des élèves de l'ENS Paris-Saclay
+SPDX-License-Identifier: GPL-3.0-or-later
+{% endcomment %}
+{% load i18n socialaccount %}
+
+{% get_providers as socialaccount_providers %}
+
+{% for provider in socialaccount_providers %}
+{% if provider.id == "openid" %}
+{% for brand in provider.get_brands %}
+<a title="{{brand.name}}"
+    class="btn btn-success"
+    href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
+    >{{brand.name}}</a>
+{% endfor %}
+{% endif %}
+<a title="{{provider.name}}" class="btn btn-success"
+    href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">{% trans "Sign in with" %} {{provider.name}}</a>
+{% endfor %}