diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 7ea3ed6..672420c 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,11 +1,10 @@
 import styles from "./styles.navbar.module.css"
 
 const navItems = ["News", "Projects", "About Me"];
+const navList = navItems.map(value => <a key={value} className={styles.navItem}>{value}</a>);
 
 export default function Navbar() {
-    return <div className={`${styles.navbar}`}>
-        {navItems.map((value, i) => {
-            return (<a className={styles.navItem}>{value}</a>)
-        })}
-    </div>
+    return <nav className={`${styles.navbar}`}>
+        <ul>{navList}</ul>
+    </nav>
 }
\ No newline at end of file