diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 754b7f9..28a556e 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,20 +1,18 @@
 import React from "react";
+import logo from '../assets/img/logo.svg'
 import '../css/Navbar.css'
 
 export default function Navbar() {
   const styles = {
-    height: 100,
+    height: 70,
     padding: 10
   }
 
   return (
     <nav>
-      <img src={require("../assets/img/logo.svg")} style={styles} alt="logo" />
+      <img src={logo} style={styles} alt="logo" />
       <ul className="nav-links">
-        {/* <li><a href="#">Home</a></li>
-        <li><a href="#">Team</a></li>
-        <li><a href="#">Contacts</a></li>
-        <li><a href="#">Logout</a></li> */}
+        <li><a target='_blank' href="https://github.com/chingu-voyages/v24-geckos-team-02/graphs/contributors">About</a></li>
       </ul>
     </nav>
   )
diff --git a/src/css/Navbar.css b/src/css/Navbar.css
index deebc6d..bfb435d 100644
--- a/src/css/Navbar.css
+++ b/src/css/Navbar.css
@@ -17,6 +17,7 @@ nav {
   justify-content: space-around;
   min-height: 10vh;
   align-items: center;
+  background-color: rgb(238, 236, 236);
 }
 
 nav .nav-links {