diff --git a/web/src/Components/Navigation.css b/web/src/Components/Navigation.css
index 617b6ece..c784b163 100644
--- a/web/src/Components/Navigation.css
+++ b/web/src/Components/Navigation.css
@@ -12,4 +12,10 @@
     margin-left: 15px;
     padding-left: 15px;
     border-left: 1px solid #282c34;
+}
+
+.nav-logo {
+    height: 50px;
+    margin: -15px 5px -15px -5px;
+
 }
\ No newline at end of file
diff --git a/web/src/Components/Navigation.js b/web/src/Components/Navigation.js
index e5c2ffe0..4ca9245b 100644
--- a/web/src/Components/Navigation.js
+++ b/web/src/Components/Navigation.js
@@ -1,6 +1,7 @@
 import { React, Component } from 'react';
 import { Navbar, NavbarBrand } from 'reactstrap';
 import { Link } from 'react-router-dom';
+import logo from '../logo.png';
 import './Navigation.css';
 
 const menuItems = [
@@ -43,10 +44,13 @@ class Navigation extends Component {
         }
       }
 
+
+
+
       return (
         <div>
           <Navbar color="dark" dark fixed="top">
-            <NavbarBrand href="/" className="mr-auto">GoScrobble</NavbarBrand>
+            <NavbarBrand href="/" className="mr-auto"><img src={logo} className="nav-logo" alt="logo" /> GoScrobble</NavbarBrand>
             {menuItems.map(menuItem =>
               <Link
                 key={menuItem}