diff --git a/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte b/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
index fcbf3a7..4de49d0 100644
--- a/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
+++ b/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
@@ -68,6 +68,14 @@
     return unsubscribe;
   });
 
+  $effect(() => {
+    if (open) {
+      openDialog(id);
+    } else {
+      closeDialog(id);
+    }
+  });
+
   onDestroy(() => {
     responsiveDialogs.update((state) => {
       const newState = new Map(state);
diff --git a/src/routes/(pages)/dashboard/tenants/+page.svelte b/src/routes/(pages)/dashboard/tenants/+page.svelte
index 4086f42..2de6456 100644
--- a/src/routes/(pages)/dashboard/tenants/+page.svelte
+++ b/src/routes/(pages)/dashboard/tenants/+page.svelte
@@ -42,7 +42,7 @@
     {:then tenants}
       <div class="flex flex-col items-start gap-5">
         <ResponsiveDialog
-          id="add-tenant"
+          id="add"
           title={m["tenants.add.title"]()}
           description={m["tenants.add.description"]()}
           triggerHidden={tenants.length === 0}