diff --git a/web/satellite/vuetify-poc/src/components/dialogs/FilePreviewDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/FilePreviewDialog.vue
index bc2b0f6d8..896129385 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/FilePreviewDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/FilePreviewDialog.vue
@@ -2,7 +2,7 @@
 // See LICENSE for copying information.
 
 <template>
-    <v-dialog v-model="model" transition="fade-transition" class="preview-dialog" fullscreen theme="dark">
+    <v-dialog v-model="model" transition="fade-transition" class="preview-dialog" fullscreen theme="dark" persistent no-click-animation>
         <v-card class="preview-card">
             <v-carousel v-model="constCarouselIndex" hide-delimiters show-arrows="hover" height="100vh">
                 <template #prev>
diff --git a/web/satellite/vuetify-poc/src/layouts/default/Notifications.vue b/web/satellite/vuetify-poc/src/layouts/default/Notifications.vue
index f9d608b38..2cfb8b472 100644
--- a/web/satellite/vuetify-poc/src/layouts/default/Notifications.vue
+++ b/web/satellite/vuetify-poc/src/layouts/default/Notifications.vue
@@ -22,6 +22,7 @@
             border
             @mouseover="() => onMouseOver(item.id)"
             @mouseleave="() => onMouseLeave(item.id)"
+            @click:close="() => onCloseClick(item.id)"
         />
     </v-snackbar>
 </template>
@@ -90,4 +91,11 @@ function onMouseOver(id: string): void {
 function onMouseLeave(id: string): void {
     notificationsStore.resumeNotification(id);
 }
+
+/**
+ * Removes notification when the close button is clicked.
+ */
+function onCloseClick(id: string): void {
+    notificationsStore.deleteNotification(id);
+}
 </script>
\ No newline at end of file