diff --git a/src/app.de.js b/src/app.de.js
index 7e32b37..c893645 100644
--- a/src/app.de.js
+++ b/src/app.de.js
@@ -553,8 +553,14 @@ function init() {
 	// Dialogs
 	elements.helpBtn.addEventListener("click", showHelp);
 	elements.helpDialogClose.addEventListener("click", closeHelpDialog);
+	elements.helpDialog.addEventListener("click", (e) => {
+		if (e.target === elements.helpDialog) closeHelpDialog();
+	});
 	elements.resetBtn.addEventListener("click", showResetConfirmation);
 	elements.resetDialogClose.addEventListener("click", closeResetDialog);
+	elements.resetDialog.addEventListener("click", (e) => {
+		if (e.target === elements.resetDialog) closeResetDialog();
+	});
 	elements.cancelReset.addEventListener("click", closeResetDialog);
 	elements.confirmReset.addEventListener("click", handleResetConfirm);
 
diff --git a/src/app.js b/src/app.js
index 4e83f35..776d58c 100644
--- a/src/app.js
+++ b/src/app.js
@@ -579,8 +579,14 @@ function init() {
 	// Dialogs
 	elements.helpBtn.addEventListener("click", showHelp);
 	elements.helpDialogClose.addEventListener("click", closeHelpDialog);
+	elements.helpDialog.addEventListener("click", (e) => {
+		if (e.target === elements.helpDialog) closeHelpDialog();
+	});
 	elements.resetBtn.addEventListener("click", showResetConfirmation);
 	elements.resetDialogClose.addEventListener("click", closeResetDialog);
+	elements.resetDialog.addEventListener("click", (e) => {
+		if (e.target === elements.resetDialog) closeResetDialog();
+	});
 	elements.cancelReset.addEventListener("click", closeResetDialog);
 	elements.confirmReset.addEventListener("click", handleResetConfirm);