Mobile css updates.

components/common/MobileMenu.js

@@ -1,3 +1,4 @@
+import classNames from 'classnames';
 import Link from './Link';
 import Button from './Button';
 import XMark from 'assets/xmark.svg';
@@ -5,9 +6,9 @@ import styles from './MobileMenu.module.css';
 
 export default function MobileMenu({ items = [], onClose }) {
   return (
-    <div className={styles.menu}>
+    <div className={classNames(styles.menu, 'container')}>
       <div className={styles.header}>
-        <Button className={styles.button} icon={<XMark />} onClick={onClose} />
+        <Button icon={<XMark />} onClick={onClose} />
       </div>
       <div className={styles.items}>
         {items.map(({ label, value }) => (

components/common/MobileMenu.module.css

@@ -32,13 +32,10 @@
   margin-top: 60px;
 }
 
-.button {
-  margin-right: 15px;
-}
-
 .header {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   height: 100px;
+  padding: 0 30px;
 }