diff --git a/app/javascript/packs/vue/bmt_filter.js b/app/javascript/packs/vue/bmt_filter.js
index 310674459..738407eb3 100644
--- a/app/javascript/packs/vue/bmt_filter.js
+++ b/app/javascript/packs/vue/bmt_filter.js
@@ -57,6 +57,11 @@ window.initBMTFilter = () => {
   // prevent closing of dropdown
   $('#bmtFilterContainer').on('click', (e) => e.stopPropagation());
 
+  // close saved filters dropdown
+  $('#bmtFiltersDropdownButton').on('hidden.bs.dropdown', (e) => {
+    $('.saved-filters-container').removeClass('open');
+  });
+
   $("#saveBmtFilterForm" )
     .off()
     .on('ajax:before', function() {
diff --git a/app/javascript/vue/bmt_filter/container.vue b/app/javascript/vue/bmt_filter/container.vue
index d16f72d61..b188495ad 100644
--- a/app/javascript/vue/bmt_filter/container.vue
+++ b/app/javascript/vue/bmt_filter/container.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="filter-container">
     <div class="header">
-      <div class="dropdown saved-filters-container">
-        <div class="title" @click="toggleSavedFilters">
+      <div id="savedFiltersContainer" class="dropdown saved-filters-container" @click="toggleSavedFilters">
+        <div class="title" id="savedFilterDropdown">
           {{ i18n.t('repositories.show.bmt_search.title') }}
           <i v-if="savedFilters.length" class="fas fa-caret-down"></i>
         </div>
@@ -16,12 +16,12 @@
           />
         </div>
       </div>
-      <button class="btn btn-light" @click="clearFilters">
+      <button class="btn btn-light" @click="closeSavedFilters() && clearFilters()">
         <i class="fas fa-times-circle"></i>
         {{ i18n.t('repositories.show.bmt_search.clear_all') }}
       </button>
     </div>
-    <div class="filters-list">
+    <div class="filters-list" @click="closeSavedFilters">
       <div v-if="filters.length == 0" class="filter-list-notice">
         {{ i18n.t('repositories.show.bmt_search.no_filters') }}
       </div>
@@ -34,7 +34,7 @@
         @filter:update="updateFilter"
       />
     </div>
-    <div class="footer">
+    <div class="footer" @click="closeSavedFilters">
       <button class="btn btn-light add-filter" @click="addFilter">
         <i class="fas fa-plus"></i>
         {{ i18n.t('repositories.show.bmt_search.add_filter') }}
@@ -122,6 +122,9 @@
           }
         });
       },
+      closeSavedFilters() {
+        $('.saved-filters-container').removeClass('open');
+      },
       toggleSavedFilters() {
         $('.saved-filters-container').toggleClass('open');
       },
diff --git a/app/views/repositories/_toolbar_buttons.html.erb b/app/views/repositories/_toolbar_buttons.html.erb
index acf91c49b..1d6e2f9b8 100644
--- a/app/views/repositories/_toolbar_buttons.html.erb
+++ b/app/views/repositories/_toolbar_buttons.html.erb
@@ -86,7 +86,7 @@
     <% end %>
   </div>
   <% if @repository.is_a?(BmtRepository) %>
-    <div class="dropdown">
+    <div class="dropdown" id="bmtFiltersDropdownButton">
         <button id="bmtFiltersDropdown"
                 class="btn btn-secondary bmt-filters-button"
                 type="button"