diff --git a/src/components/PermissionsDialog.vue b/src/components/PermissionsDialog.vue
index 9130259..b3cacf2 100644
--- a/src/components/PermissionsDialog.vue
+++ b/src/components/PermissionsDialog.vue
@@ -242,6 +242,12 @@ export default defineComponent({
 
     const route = useRoute();
     const permDialog = ref(workspacePermissionsEditable.value && route.query.permissions === 'true');
+
+    // Watch for changes in workspacePermissionsEditable (async) and update the dialog visibility accordingly
+    watch(workspacePermissionsEditable, () => {
+      permDialog.value = workspacePermissionsEditable.value && route.query.permissions === 'true';
+    });
+
     const mutablePermissions: Ref<WorkspacePermissionsSpec | null> = ref(null);
     const userSearchString: Ref<string | null> = ref(null);
     const userSearchResults: Ref<UserSearchResult[]> = ref([]);