1 files changed, 6 insertions, 6 deletions
diff --git a/app/assets/javascripts/search/sidebar/components/status_filter.vue b/app/assets/javascripts/search/sidebar/components/status_filter.vue
index 5cec2090906..eaf7d95822a 100644
--- a/app/assets/javascripts/search/sidebar/components/status_filter.vue
+++ b/app/assets/javascripts/search/sidebar/components/status_filter.vue
@@ -1,5 +1,5 @@
 <script>
-import { mapState } from 'vuex';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { stateFilterData } from '../constants/state_filter_data';
 import RadioFilter from './radio_filter.vue';
 
@@ -8,10 +8,10 @@ export default {
   components: {
     RadioFilter,
   },
+  mixins: [glFeatureFlagsMixin()],
   computed: {
-    ...mapState(['query']),
-    showDropdown() {
-      return Object.values(stateFilterData.scopes).includes(this.query.scope);
+    ffBasedXPadding() {
+      return this.glFeatures.searchPageVerticalNav ? 'gl-px-5' : 'gl-px-0';
     },
   },
   stateFilterData,
@@ -19,8 +19,8 @@ export default {
 </script>
 
 <template>
-  <div v-if="showDropdown">
-    <radio-filter :filter-data="$options.stateFilterData" />
+  <div>
+    <radio-filter :class="ffBasedXPadding" :filter-data="$options.stateFilterData" />
     <hr class="gl-my-5 gl-border-gray-100" />
   </div>
 </template>