diff --git a/src/components/modals/Modal.jsx b/src/components/modals/Modal.jsx
index e2e24a3a..2a4a97c9 100644
--- a/src/components/modals/Modal.jsx
+++ b/src/components/modals/Modal.jsx
@@ -32,12 +32,12 @@ class Modal extends React.Component {
           <header className="maputnik-modal-header">
             <h1 className="maputnik-modal-header-title">{this.props.title}</h1>
             <span className="maputnik-modal-header-space"></span>
-            <a className="maputnik-modal-header-toggle"
+            <button className="maputnik-modal-header-toggle"
               onClick={() => this.props.onOpenToggle(false)}
               data-wd-key={this.props["data-wd-key"]+".close-modal"}
             >
               <CloseIcon />
-            </a>
+            </button>
           </header>
           <div className="maputnik-modal-scroller">
             <div className="maputnik-modal-content">{this.props.children}</div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 4fe3acfa..f87a00cc 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -43,7 +43,10 @@
 }
 
 .maputnik-modal-header-toggle {
-  cursor: pointer;
+  border: none;
+  background: initial;
+  color: white;
+  padding: 0;
 }
 
 .maputnik-modal-scroller {