diff --git a/gms-ui/src/components/GroupsPanel.vue b/gms-ui/src/components/GroupsPanel.vue
index b5a730f8f1e19856687bf424108fd1a1eec6f53e..748119af309fe5e491af5422c7c134b76c452f98 100644
--- a/gms-ui/src/components/GroupsPanel.vue
+++ b/gms-ui/src/components/GroupsPanel.vue
@@ -71,7 +71,7 @@ export default {
     }
   },
   created: function() {
-    this.filterGroups = debounce(this.filterGroups, 500)
+    this.filterGroups = debounce(this.filterGroups, 500);
   }
 }
 </script>
diff --git a/gms-ui/src/components/modals/AddGroupModal.vue b/gms-ui/src/components/modals/AddGroupModal.vue
index e48328fbb469af8e434a2db55c259760cedeb859..ecdbe400e8089ae2250e8ed7767d3415baa844c0 100644
--- a/gms-ui/src/components/modals/AddGroupModal.vue
+++ b/gms-ui/src/components/modals/AddGroupModal.vue
@@ -33,11 +33,11 @@ export default {
   methods: {
     resetModal: function() {
       this.newGroupName = null;
+      this.leaf = true;
       this.resetError();
     },
     afterShow: function() {
       this.$refs.newGroupNameInput.focus();
-      this.leaf = true;
     },
     resetError: function() {
       this.newGroupNameError = null;
diff --git a/gms-ui/src/components/modals/SearchUser.vue b/gms-ui/src/components/modals/SearchUser.vue
index ebb028719683e09edc212759b3ee3e14e2bd36c9..a6b058100713be53d11c7d349fffae1f2d346ac2 100644
--- a/gms-ui/src/components/modals/SearchUser.vue
+++ b/gms-ui/src/components/modals/SearchUser.vue
@@ -18,6 +18,7 @@
 
 <script>
 import client from 'api-client';
+import debounce from 'debounce'; // for delaying the input event (search filter)
 
 export default {
   name: 'SearchUser',
@@ -35,6 +36,9 @@ export default {
       permission: 'VIEW_MEMBERS'
     }
   },
+  created() {
+    this.searchUser = debounce(this.searchUser, 500)
+  },
   methods: {
     searchUser: function() {
       client.searchUser(this.searchInput)