diff --git a/umap/static/umap/content.css b/umap/static/umap/content.css
index 392ac85a..d71f3a11 100644
--- a/umap/static/umap/content.css
+++ b/umap/static/umap/content.css
@@ -41,6 +41,7 @@ body.login header {
     display: inline-block;
 }
 
+.login-grid span,
 .login-grid a {
     border: 1px solid #e5e5e5;
     padding: 5px;
diff --git a/umap/templates/auth/user_form.html b/umap/templates/auth/user_form.html
index 534d0f80..e9342d2c 100644
--- a/umap/templates/auth/user_form.html
+++ b/umap/templates/auth/user_form.html
@@ -28,8 +28,8 @@
         </h3>
         <ul>
           {% for name in providers %}
-            <li>
-              {{ name|title }}
+            <li class="login-grid">
+              <span class="login-{{ name }}" title="{{ name }}"></span>
             </li>
           {% endfor %}
         </ul>