diff --git a/web/src/containers/Settings/permission.tsx b/web/src/containers/Settings/permission.tsx
index 30deb6b..c6682ce 100644
--- a/web/src/containers/Settings/permission.tsx
+++ b/web/src/containers/Settings/permission.tsx
@@ -92,6 +92,8 @@ const Permission = () => {
    * take intersection of resultant arrays
    */
   const applyFilter = () => {
+    setFilterModalOpen(false)
+
     const uriFilteredPermissions =
       uriFilter.length > 0
         ? permissions.filter((permission) => uriFilter.includes(permission.uri))
@@ -153,6 +155,7 @@ const Permission = () => {
   }
 
   const resetFilter = () => {
+    setFilterModalOpen(false)
     setUriFilter([])
     setPrincipalFilter([])
     setSettingFilter([])