diff --git a/src/compounds/Header/Header.jsx b/src/compounds/Header/Header.jsx
index 7ce15ea..2ee800b 100644
--- a/src/compounds/Header/Header.jsx
+++ b/src/compounds/Header/Header.jsx
@@ -6,13 +6,13 @@ import Logo from '../Logo/Logo'
 import './styles.scss'
 
 const Header = ({ auth, linkColor, logo, navLinks, userSession }) => {
-  const { src, alt } = logo
+  const { src, alt, logoUrl } = logo
 
   return (
     <Navbar bg='primary' expand='md'>
       <Container>
         <Navbar.Brand className='w-50 custom-navbar-brand'>
-          <Logo src={src} alt={alt} height='auto' addClass='mw-100 mh-100' />
+          <Logo src={src} alt={alt} logoUrl={logoUrl} height='auto' addClass='mw-100 mh-100' />
         </Navbar.Brand>
         <Navbar.Toggle aria-controls='basic-navbar-nav'>
           <ToggleIcon linkColor={linkColor} />
diff --git a/src/compounds/Logo/Logo.jsx b/src/compounds/Logo/Logo.jsx
index c9f0155..313d903 100644
--- a/src/compounds/Logo/Logo.jsx
+++ b/src/compounds/Logo/Logo.jsx
@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import Image from '../../components/Image/Image'
 
-const Logo = ({ addClass, alt, src, height }) => (
-  <a href='/'>
+const Logo = ({ addClass, alt, src, height, logoUrl }) => (
+  <a href={logoUrl}>
     <Image src={src} alt={alt} height={height} addClass={addClass} />
   </a>
 )
@@ -13,12 +13,14 @@ Logo.propTypes = {
   alt: PropTypes.string,
   src: PropTypes.string.isRequired,
   height: PropTypes.number,
+  logoUrl: PropTypes.string,
 }
 
 Logo.defaultProps = {
   addClass: '',
   alt: '',
   height: 50,
+  logoUrl: '/',
 }
 
 export default Logo