diff --git a/InvenTree/templates/InvenTree/settings/user.html b/InvenTree/templates/InvenTree/settings/user.html
index fec02b7b74..2002069c3b 100644
--- a/InvenTree/templates/InvenTree/settings/user.html
+++ b/InvenTree/templates/InvenTree/settings/user.html
@@ -136,10 +136,11 @@
 
     <br>
     <h4>{% trans 'Add a 3rd Party Account' %}</h4>
-    <ul>
+    <div>
     {% include "socialaccount/snippets/provider_list.html" with process="connect" %}
-    </ul>
+    </div>
     {% include "socialaccount/snippets/login_extra.html" %}
+    <br>
 
 </div>
 
diff --git a/InvenTree/templates/socialaccount/snippets/provider_list.html b/InvenTree/templates/socialaccount/snippets/provider_list.html
new file mode 100644
index 0000000000..268134b35f
--- /dev/null
+++ b/InvenTree/templates/socialaccount/snippets/provider_list.html
@@ -0,0 +1,17 @@
+{% load 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-primary socialaccount_provider {{provider.id}} {{brand.id}}" 
+     href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
+     ><span class='brand-icon' brand_name='{{provider.id}}'></span> {{brand.name}}</a>
+{% endfor %}
+{% endif %}
+  <a title="{{provider.name}}" class="btn btn-primary socialaccount_provider {{provider.id}}" 
+     href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}"
+     ><span class='brand-icon' brand_name='{{provider.id}}'></span> {{provider.name}}</a>
+{% endfor %}