diff --git a/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue b/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
index 2a84ad43a..e923604f4 100644
--- a/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
+++ b/web/satellite/vuetify-poc/src/components/BucketsDataTable.vue
@@ -253,7 +253,7 @@ async function openBucket(bucketName: string): Promise<void> {
  * Displays the Delete Bucket dialog.
  */
 function showDeleteBucketDialog(bucketName: string): void {
-    shareBucketName.value = bucketName;
+    bucketToDelete.value = bucketName;
     isDeleteBucketDialogShown.value = true;
 }
 
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
index ebb07c754..d871f2a92 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/DeleteBucketDialog.vue
@@ -213,11 +213,12 @@ async function fetchBuckets(): Promise<void> {
 /**
  * Sets local worker with worker instantiated in store.
  */
-watch(() => agStore.state.accessGrantsWebWorker, value => {
-    worker.value = value;
-    if (!value) return;
-    value.onerror = (error: ErrorEvent) => {
+watch(model, shown => {
+    if (!shown) return;
+    worker.value = agStore.state.accessGrantsWebWorker;
+    if (!worker.value) return;
+    worker.value.onerror = (error: ErrorEvent) => {
         notify.error(error.message, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
     };
-}, { immediate: true });
+});
 </script>