diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index d97ec39f1..1da88b08a 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -43,6 +43,7 @@
 @import "budgets/**/*";
 @import "comments/**/*";
 @import "debates/**/*";
+@import "devise/**/*";
 @import "documents/**/*";
 @import "layout/**/*";
 @import "machine_learning/**/*";
diff --git a/app/assets/stylesheets/devise/omniauth_form.scss b/app/assets/stylesheets/devise/omniauth_form.scss
new file mode 100644
index 000000000..8691a3c14
--- /dev/null
+++ b/app/assets/stylesheets/devise/omniauth_form.scss
@@ -0,0 +1,15 @@
+.devise-omniauth-form {
+  .oauth-logins {
+    display: flex;
+    flex-direction: column;
+
+    @include breakpoint(medium) {
+      flex-direction: row;
+    }
+
+    .oauth-login {
+      @include grid-column-gutter;
+      flex-grow: 1;
+    }
+  }
+}
diff --git a/app/components/devise/omniauth_form_component.html.erb b/app/components/devise/omniauth_form_component.html.erb
index dfc62cc8b..45e3097b6 100644
--- a/app/components/devise/omniauth_form_component.html.erb
+++ b/app/components/devise/omniauth_form_component.html.erb
@@ -1,18 +1,20 @@
-<div class="row">
+<div class="row devise-omniauth-form">
   <div class="small-12 column">
     <div class="margin-bottom">
       <strong><%= t("omniauth.info.#{action}") %></strong>
     </div>
   </div>
 
-  <% oauth_logins.each do |login| %>
-    <div class="small-12 medium-6 large-4 column end">
-      <%= link_to t("omniauth.#{login}.name"), send("user_#{login}_omniauth_authorize_path"),
-                  title: t("omniauth.#{login}.#{action}"),
-                  class: "button-#{login.to_s.delete_suffix("_oauth2")} button expanded",
-                  method: :post %>
-    </div>
-  <% end %>
+  <div class="oauth-logins small-12">
+    <% oauth_logins.each do |login| %>
+      <div class="oauth-login">
+        <%= link_to t("omniauth.#{login}.name"), send("user_#{login}_omniauth_authorize_path"),
+                    title: t("omniauth.#{login}.#{action}"),
+                    class: "button-#{login.to_s.delete_suffix("_oauth2")} button expanded",
+                    method: :post %>
+      </div>
+    <% end %>
+  </div>
 
   <div class="small-12 column auth-divider">
     <span><%= t("omniauth.or_fill") %></span>