diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index 350648c..46c7e0f 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -2,34 +2,24 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import './css/Navigation.css';
 
-function App() {
+const Navigation = (props) => {
   return (
     <div className="Navigation">
-      <ul>
-        <li>
-          <Link to="/">
-            Home
-          </Link>
-        </li>
-        <li>
-          <Link to="/about">
-            About Me
-          </Link>
-        </li>
-        <li>
-          <Link to="/github">
-            Github Repos
-          </Link>
-        </li>
-        <li>
-          <Link to="/youtube">
-            Youtube Videos
-          </Link>
-        </li>
-        
-      </ul>
+      <Link to="/">
+        Home
+      </Link>
+      <Link to="/about">
+        About Me
+      </Link>
+      <Link to="/github">
+        Github Repos
+      </Link>
+      <Link to="/youtube">
+        Youtube Videos
+      </Link>
     </div>
   );
 }
 
-export default App;
+
+export default Navigation;
diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css
index 1bf5730..d224724 100644
--- a/src/components/css/Navigation.css
+++ b/src/components/css/Navigation.css
@@ -9,14 +9,7 @@
     padding:0;
 }
 
-.Navigation ul {
-    display: flex;
-    flex-direction: row;
-    list-style-type: none;
-    padding:0;
-}
-
-.Navigation li a {
+.Navigation a {
     color: white;
     padding:10px;
 }