diff --git a/src/UI/Base/Popup.svelte b/src/UI/Base/Popup.svelte
index 02b743905..65fcd08f1 100644
--- a/src/UI/Base/Popup.svelte
+++ b/src/UI/Base/Popup.svelte
@@ -25,6 +25,7 @@
     headerClass = "hidden"
   }
   export let shown: UIEventSource<boolean>
+  export let dismissable = true
   let _shown = false
   shown.addCallbackAndRun(sh => {
     _shown = sh
@@ -36,7 +37,7 @@
 
 <Modal open={_shown} on:close={() => shown.set(false)} outsideclose
        size="xl"
-       dismissable={false}
+       {dismissable}
        {defaultClass} {bodyClass} {dialogClass} {headerClass}
        color="none">
 
diff --git a/src/UI/Image/AttributedImage.svelte b/src/UI/Image/AttributedImage.svelte
index fda3e4a88..ed8cf1d84 100644
--- a/src/UI/Image/AttributedImage.svelte
+++ b/src/UI/Image/AttributedImage.svelte
@@ -35,7 +35,7 @@
   }))
 </script>
 
-<Popup shown={showBigPreview} bodyPadding="p-0">
+<Popup shown={showBigPreview} bodyPadding="p-0" dismissable={true}>
   <div slot="close" />
   <div style="height: 80vh">
     <ImageOperations {image}>