diff --git a/admin/tool/mfa/templates/mfa_card.mustache b/admin/tool/mfa/templates/mfa_card.mustache
index fd8dcd4011c..b725e68681d 100644
--- a/admin/tool/mfa/templates/mfa_card.mustache
+++ b/admin/tool/mfa/templates/mfa_card.mustache
@@ -48,7 +48,8 @@
         }
     }
 }}
-<div class="card dashboard-card {{#active}}active{{/active}}" role="listitem" id="factor-card-{{name}}" aria-labelledby="factor-name-{{name}} {{#active}}active-factor-{{name}}{{/active}}">
+<div class="col d-flex mb-4">
+  <div class="card dashboard-card {{#active}}active{{/active}}" role="listitem" id="factor-card-{{name}}" aria-labelledby="factor-name-{{name}} {{#active}}active-factor-{{name}}{{/active}}">
     <div class="card-img p-3">
         <div class="icon-circle {{^active}}reversed{{/active}}">
             <i class="icon iconsize-big fa {{icon}}" role="presentation"></i>
@@ -74,5 +75,6 @@
             </div>
         {{/button}}
     </div>
+  </div>
 </div>
 
diff --git a/admin/tool/mfa/templates/mfa_selector.mustache b/admin/tool/mfa/templates/mfa_selector.mustache
index b66b16e2656..c24dbc89cbd 100644
--- a/admin/tool/mfa/templates/mfa_selector.mustache
+++ b/admin/tool/mfa/templates/mfa_selector.mustache
@@ -81,7 +81,7 @@
 }}
 <h2>{{#str}}mfa, tool_mfa{{/str}}</h2>
 <p>{{#str}}mfa:intro, tool_mfa{{/str}}</p>
-<div class="card-deck dashboard-card-deck" id="mfalist" data-region="card-deck" role="list">
+<div class="row row-cols-1 row-cols-sm-2 dashboard-card-deck" id="mfalist" data-region="card-deck" role="list">
     {{#factors}}
         {{>tool_mfa/mfa_card}}
     {{/factors}}