1 files changed, 3 insertions, 1 deletions
diff --git a/app/assets/javascripts/header_search/components/app.vue b/app/assets/javascripts/header_search/components/app.vue
index 4406cacdf3f..adf304aebc7 100644
--- a/app/assets/javascripts/header_search/components/app.vue
+++ b/app/assets/javascripts/header_search/components/app.vue
@@ -120,9 +120,11 @@ export default {
     ...mapActions(['setSearch', 'fetchAutocompleteOptions', 'clearAutocomplete']),
     openDropdown() {
       this.showDropdown = true;
+      this.$emit('toggleDropdown', this.showDropdown);
     },
     closeDropdown() {
       this.showDropdown = false;
+      this.$emit('toggleDropdown', this.showDropdown);
     },
     submitSearch() {
       return visitUrl(this.currentFocusedOption?.url || this.searchQuery);
@@ -146,7 +148,7 @@ export default {
     v-outside="closeDropdown"
     role="search"
     :aria-label="$options.i18n.searchGitlab"
-    class="header-search gl-relative gl-rounded-base"
+    class="header-search gl-relative gl-rounded-base gl-w-full"
     :class="headerSearchActivityDescriptor"
   >
     <gl-search-box-by-type