diff --git a/src/client/components/baseComponents/Modal.ts b/src/client/components/baseComponents/Modal.ts
index ae58d9078..4c5042aad 100644
--- a/src/client/components/baseComponents/Modal.ts
+++ b/src/client/components/baseComponents/Modal.ts
@@ -85,8 +85,9 @@ export class OModal extends LitElement {
     return html`
       ${this.isModalOpen
         ? html`
-            <aside class="c-modal">
+            <aside class="c-modal" @click=${this.close}>
               <div
+                @click=${(e: Event) => e.stopPropagation()}
                 class="c-modal__wrapper ${this.alwaysMaximized
                   ? "always-maximized"
                   : ""}"