diff --git a/web/apps/photos/src/utils/ui/index.tsx b/web/apps/photos/src/utils/ui/index.tsx
index 562a753fd9b3d813c477add69c905bd994da7052..8ac5f94bfe7ad68a634b39e492434e96780af898 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 6d076fd5ab794f1df66d73bdf271ffed22af0b5b..08b52fe4c36bb411971801e3af4d70edc6884f18 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;