diff --git a/packages/common/src/modal.js b/packages/common/src/modal.js
index 48980b25567d6be30d2e1e3a3c63d8a1ba821f9b..ac8d36ad1366491357ab396a36f3c32c900d3549 100644
--- a/packages/common/src/modal.js
+++ b/packages/common/src/modal.js
@@ -14,6 +14,8 @@ export class Modal extends DBPLitElement {
         this.lang = this._i18n.language;
         this.modalId = 'dbp-modal-id';
         this.title = "Modal Title";
+
+        // TODO add with/height
     }
 
     static get properties() {
@@ -39,6 +41,10 @@ export class Modal extends DBPLitElement {
         });
     }
 
+    close() {
+        MicroModal.close(this._('#' + this.modalId));
+    }
+
     static get styles() {
         // language=css
         return css`
@@ -93,9 +99,7 @@ export class Modal extends DBPLitElement {
                                 title="${i18n.t('dbp-modal.close')}"
                                 class="modal-close"
                                 aria-label="Close modal"
-                                @click="${() => {
-                                    MicroModal.close(this._('#' + this.modalId));
-                                }}">
+                                @click="${() => {this.close()}}">
                                 <dbp-icon
                                     title="${i18n.t('dbp-modal.close')}"
                                     name="close"