diff --git a/components/modal/index.js b/components/modal/index.js
index 76468c3..30f780a 100644
--- a/components/modal/index.js
+++ b/components/modal/index.js
@@ -12,7 +12,7 @@ const Modal = props => (
 );
 
 Modal.propTypes = {
-  isModalOpen: PropTypes.bool.isRequired,
+  isModalOpen: PropTypes.bool,
   children: PropTypes.shape({}).isRequired,
   closeModal: PropTypes.func.isRequired,
   modalOnMobileOnly: PropTypes.bool,
@@ -20,6 +20,7 @@ Modal.propTypes = {
 
 Modal.defaultProps = {
   modalOnMobileOnly: false,
+  isModalOpen: false,
 };
 
 export default Modal;
diff --git a/components/modal/style.scss b/components/modal/style.scss
index a47b121..8926cd3 100644
--- a/components/modal/style.scss
+++ b/components/modal/style.scss
@@ -19,6 +19,9 @@
     @media (min-width: $desktop) {
       background-color: transparent;
       height: auto;
+      display: block;
+      position: initial;
+      width: auto;
 
       .modal-inner {
         position: initial;