diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
index 8b94fd47a..7e781005a 100644
--- a/src/components/MobileHeader.js
+++ b/src/components/MobileHeader.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'gatsby';
 import cx from 'classnames';
+import Logo from './Logo';
 import Navigation from './Navigation';
 import HamburgerMenu from './HamburgerMenu';
 import styles from './MobileHeader.module.scss';
@@ -10,7 +11,9 @@ const MobileHeader = ({ className, isOpen, toggle }) => {
   return (
     <header className={cx(styles.container, className)}>
       <div className={styles.menuBar}>
-        <Link to="/" className={styles.logo} />
+        <Link to="/">
+          <Logo className={styles.logo} />
+        </Link>
 
         <HamburgerMenu
           className={styles.hamburgerMenu}
diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss
index 21e346106..2f82825f7 100644
--- a/src/components/MobileHeader.module.scss
+++ b/src/components/MobileHeader.module.scss
@@ -13,11 +13,6 @@
 
 .logo {
   width: 160px;
-  height: 34px;
-  background-size: 160px 34px;
-  background-repeat: no-repeat;
-  display: inline-block;
-  background-image: url('../images/developers-logo.svg');
 }
 
 .navigation {