From f79be0649a11f1726b5da5e5d61100d9baf1bfaf Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Tue, 16 Jun 2020 22:06:45 -0700
Subject: [PATCH] feat: Use Logo component for mobile header

---
 src/components/MobileHeader.js          | 5 ++++-
 src/components/MobileHeader.module.scss | 5 -----
 2 files changed, 4 insertions(+), 6 deletions(-)

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 {