diff --git a/app/views/external_users/index.html.slim b/app/views/external_users/index.html.slim
index 91ac6ccd..daa4aacb 100644
--- a/app/views/external_users/index.html.slim
+++ b/app/views/external_users/index.html.slim
@@ -1,23 +1,24 @@
h1 = ExternalUser.model_name.human(count: 2)
= render(layout: 'shared/form_filters') do |f|
- .row.px-3
- .mb-3
- = f.label(:name_cont, t('activerecord.attributes.external_user.name'), class: 'visually-hidden form-label')
- = f.search_field(:name_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.name'))
- .mb-3
- = f.label(:email_cont, t('activerecord.attributes.external_user.email'), class: 'visually-hidden form-label')
- = f.search_field(:email_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.email'))
- .mb-3
- = f.label(:external_id_cont, t('activerecord.attributes.external_user.external_id'), class: 'visually-hidden form-label')
- = f.search_field(:external_id_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.external_id'))
- .row.px-3
- .mb-3
- = f.label(:role_eq, t('activerecord.attributes.external_user.role'), class: 'visually-hidden form-label')
- = f.select(:role_eq, User::ROLES.map { |role| [t("users.roles.#{role}"), role] }, { include_blank: true }, class: 'form-control', prompt: t('activerecord.attributes.external_user.role'))
- .mb-3
- = f.label(:consumer_id_eq, t('activerecord.attributes.external_user.consumer'), class: 'visually-hidden form-label')
- = f.collection_select(:consumer_id_eq, Consumer.with_external_users, :id, :name, class: 'form-control', prompt: t('activerecord.attributes.external_user.consumer'))
+ .col-md-9.col
+ .row.align-items-center
+ .col
+ = f.label(:name_cont, t('activerecord.attributes.external_user.name'), class: 'visually-hidden form-label')
+ = f.search_field(:name_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.name'))
+ .col.mt-0.mt-sm-3.mt-md-0
+ = f.label(:email_cont, t('activerecord.attributes.external_user.email'), class: 'visually-hidden form-label')
+ = f.search_field(:email_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.email'))
+ .col.mt-3.mt-lg-0
+ = f.label(:external_id_cont, t('activerecord.attributes.external_user.external_id'), class: 'visually-hidden form-label')
+ = f.search_field(:external_id_cont, class: 'form-control', placeholder: t('activerecord.attributes.external_user.external_id'))
+ .row
+ .col-auto
+ = f.label(:role_eq, t('activerecord.attributes.external_user.role'), class: 'visually-hidden form-label')
+ = f.select(:role_eq, User::ROLES.map { |role| [t("users.roles.#{role}"), role] }, { include_blank: true }, class: 'form-control', prompt: t('activerecord.attributes.external_user.role'))
+ .col-auto.mt-3.mt-lg-0
+ = f.label(:consumer_id_eq, t('activerecord.attributes.external_user.consumer'), class: 'visually-hidden form-label')
+ = f.collection_select(:consumer_id_eq, Consumer.with_external_users, :id, :name, class: 'form-control', prompt: t('activerecord.attributes.external_user.consumer'))
.table-responsive
table.table
thead