diff --git a/app/assets/javascripts/admin/addon/templates/users-list-show.hbs b/app/assets/javascripts/admin/addon/templates/users-list-show.hbs
index 288c5a2369e..ec82e1b1096 100644
--- a/app/assets/javascripts/admin/addon/templates/users-list-show.hbs
+++ b/app/assets/javascripts/admin/addon/templates/users-list-show.hbs
@@ -20,9 +20,10 @@
 
 <PluginOutlet @name="admin-users-list-show-before" />
 
-<div class="admin-users-list__controls">
-  <div class="admin-users-list__search">
+<div class="d-admin-filter admin-users-list__controls">
+  <div class="admin-filter__input-container admin-users-list__search">
     <input
+      class="admin-filter__input"
       type="text"
       dir="auto"
       placeholder={{this.searchHint}}
diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 41ef3fdbfcf..f06bd7f7522 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -1104,6 +1104,7 @@ a.inline-editable-field {
 @import "common/admin/site-settings";
 @import "common/admin/admin_config_area";
 @import "common/admin/admin_table";
+@import "common/admin/admin_filter";
 @import "common/admin/admin_reports";
 @import "common/admin/admin_report";
 @import "common/admin/admin_report_counters";
diff --git a/app/assets/stylesheets/common/admin/admin_filter.scss b/app/assets/stylesheets/common/admin/admin_filter.scss
new file mode 100644
index 00000000000..87d63586c88
--- /dev/null
+++ b/app/assets/stylesheets/common/admin/admin_filter.scss
@@ -0,0 +1,12 @@
+.d-admin-filter {
+  background-color: var(--primary-very-low);
+  padding: var(--space-2);
+}
+
+.admin-users-list__search {
+  min-width: 50%;
+}
+
+.admin-filter__input {
+  width: 100%;
+}