diff --git a/app/components/projects/index_sub_header_component.html.erb b/app/components/projects/index_sub_header_component.html.erb
index 7f3480e88675..478876ed5df1 100644
--- a/app/components/projects/index_sub_header_component.html.erb
+++ b/app/components/projects/index_sub_header_component.html.erb
@@ -8,6 +8,8 @@
                                     icon: :search,
                                     size: :small
                                   },
+                                  full_width: true,
+                                  input_width: :medium,
                                   show_clear_button: true,
                                   clear_button_id: clear_button_id,
                                   data: filter_input_data_attributes)
diff --git a/frontend/src/global_styles/primer/_overrides.sass b/frontend/src/global_styles/primer/_overrides.sass
index db99d3eeaa4e..a18285a22f05 100644
--- a/frontend/src/global_styles/primer/_overrides.sass
+++ b/frontend/src/global_styles/primer/_overrides.sass
@@ -81,6 +81,10 @@ sub-header,
       flex-direction: column
       row-gap: 1rem
 
+#projects-index-sub-header
+  .FormControl-input-wrap.FormControl-input-width--medium
+    width: min(320px, 100vw - 2rem)
+
 .Button.op-app-header--primer-button,
 .Button.op-app-header--primer-button .Button-visual
   color: var(--header-item-font-color)