diff --git a/web/apps/photos/src/utils/ui/index.tsx b/web/apps/photos/src/utils/ui/index.tsx
index 562a753fd..8ac5f94bf 100644
--- a/web/apps/photos/src/utils/ui/index.tsx
+++ b/web/apps/photos/src/utils/ui/index.tsx
@@ -68,6 +68,7 @@ export const getUpdateReadyToInstallMessage = ({
         variant: "secondary",
         action: () => ensureElectron().updateOnNextRestart(version),
     },
+    staticBackdrop: true,
 });
 
 export const getUpdateAvailableForDownloadMessage = ({
diff --git a/web/packages/shared/components/DialogBox/types.ts b/web/packages/shared/components/DialogBox/types.ts
index 6d076fd5a..08b52fe4c 100644
--- a/web/packages/shared/components/DialogBox/types.ts
+++ b/web/packages/shared/components/DialogBox/types.ts
@@ -3,6 +3,10 @@ import { ButtonProps } from "@mui/material";
 export interface DialogBoxAttributes {
     icon?: React.ReactNode;
     title?: string;
+    /**
+     * Set this to `true` to prevent the dialog from being closed when the user
+     * clicks the backdrop outside the dialog.
+     */
     staticBackdrop?: boolean;
     nonClosable?: boolean;
     content?: any;