diff --git a/src/components/modal/modal.css b/src/components/modal/modal.css
index 138685c6d8fd054cc5f08dc258b282a962524f2a..ef1a5a74eb5d49eeca13b6332169a9d0707438e8 100644
--- a/src/components/modal/modal.css
+++ b/src/components/modal/modal.css
@@ -19,6 +19,8 @@
     -webkit-overflow-scrolling: 'touch';
     user-select: none;
     height: 100%;
+    width: 100%;
+    display: flex;
 }
 
 /*
diff --git a/src/components/modal/modal.jsx b/src/components/modal/modal.jsx
index ba3070bbf088a8cf750d9b7a20c1d548c28210df..750be7c110fb6fe14ee128016f5fc0346c2050ca 100644
--- a/src/components/modal/modal.jsx
+++ b/src/components/modal/modal.jsx
@@ -21,6 +21,7 @@ class ModalComponent extends React.Component {
             >
                 <Box
                     direction="column"
+                    grow="1"
                 >
                     <div className={styles.header}>
                         <div className={classNames(styles.headerItem, styles.headerItemFilter)}>