diff --git a/client/src/ui/components/bd/PluginSettingsModal.vue b/client/src/ui/components/bd/PluginSettingsModal.vue
index 2e48810a..57af5126 100644
--- a/client/src/ui/components/bd/PluginSettingsModal.vue
+++ b/client/src/ui/components/bd/PluginSettingsModal.vue
@@ -9,7 +9,7 @@
 */
 
 <template>
-    <Modal :headerText="plugin.name + ' Settings'" :close="() => {  }">
+    <Modal :headerText="plugin.name + ' Settings'" :close="close">
         <div slot="body" class="bd-plugin-settings-body">
             <PluginSetting v-for="setting in configCache" :key="setting.id" :setting="setting" :change="settingChange"/>
         </div>
@@ -26,7 +26,10 @@
     import PluginSetting from './pluginsetting/PluginSetting.vue';
 
     export default {
-        props: ['plugin'],
+        props: [
+            'plugin',
+            'close'
+        ],
         data() {
             return {
                 changed: false,
@@ -67,4 +70,4 @@
             this.changed = this.checkForChanges();
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/client/src/ui/components/bd/PluginsView.vue b/client/src/ui/components/bd/PluginsView.vue
index 63f55818..5155cf26 100644
--- a/client/src/ui/components/bd/PluginsView.vue
+++ b/client/src/ui/components/bd/PluginsView.vue
@@ -33,7 +33,7 @@
             </div>
         </div>
         <div v-if="settingsOpen !== null" class="bd-backdrop" @click="settingsOpen = null"></div>
-        <PluginSettingsModal v-if="settingsOpen !== null" :plugin="settingsOpen" />
+        <PluginSettingsModal v-if="settingsOpen !== null" :plugin="settingsOpen" :close="closeSettings" />
     </SettingsWrapper>
 </template>
 
@@ -92,6 +92,9 @@
             },
             showSettings(plugin) {
                 this.settingsOpen = plugin;
+            },
+            closeSettings() {
+                this.settingsOpen = null;
             }
         }
     }