diff --git a/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue b/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
index a1c5979ffe12ea2255863652db95e43055f06438..f4904e512096c4a536205d44c382045b61a7f602 100644
--- a/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
+++ b/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
@@ -56,6 +56,7 @@ export default {
 <template>
   <div class="gl-flex gl-flex-col gl-gap-3 md:gl-flex-row">
     <gl-filtered-search
+      class="gl-min-w-0 gl-grow"
       :value="tokens"
       :placeholder="s__('CredentialsInventory|Search or filter credentials...')"
       :available-tokens="availableTokens"
@@ -66,7 +67,7 @@ export default {
     <gl-sorting
       v-if="!hasKey"
       block
-      dropdown-class="gl-w-full"
+      dropdown-class="gl-w-full !gl-flex"
       :is-ascending="sorting.isAsc"
       :sort-by="sorting.value"
       :sort-options="$options.SORT_OPTIONS"