diff --git a/package.json b/package.json
index 0386f86..c8912b5 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@dagrejs/dagre": "^3.0.0",
     "@xyflow/react": "^12.10.2",
     "lucide-react": "^1.22.0",
+    "nvm": "^0.0.4",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "react-router-dom": "^7.15.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0e5439..e1f6548 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       lucide-react:
         specifier: ^1.22.0
         version: 1.22.0(react@19.2.6)
+      nvm:
+        specifier: ^0.0.4
+        version: 0.0.4
       react:
         specifier: ^19.2.6
         version: 19.2.6
@@ -1330,6 +1333,11 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  nvm@0.0.4:
+    resolution: {integrity: sha512-jvmyELykYcdyd0VCGY0E8Aqe5MngEasVvlPvrcJHbwBMUbVqa72mPdQuPzyTcykEtEx7jDrMY0QA5MoV+8EhgA==}
+    deprecated: This is NOT the correct nvm. Visit https://nvm.sh and use the curl command to install it.
+    hasBin: true
+
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
@@ -2956,6 +2964,8 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  nvm@0.0.4: {}
+
   obug@2.1.1: {}
 
   optionator@0.9.4:
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 920f971..07e5c08 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,22 +1,26 @@
 import { NavLink } from 'react-router-dom';
+import { Network } from 'lucide-react';
+import { CalendarDays } from 'lucide-react';
+
+// Import Network, CalendarDays
 
 export default function Header() {
   const linkClass = ({ isActive }: { isActive: boolean }) =>
     isActive
-      ? 'text-sm font-medium text-red-600'
-      : 'text-sm text-gray-600 hover:text-gray-900';
+      ? 'flex items-center gap-1.5 text-sm font-medium text-red-600'
+      : 'flex items-center gap-1.5 text-sm text-gray-600 hover:text-gray-900';
 
   return (
     <header className="flex h-14 flex-none items-center gap-6 border-b border-gray-200 bg-white px-6">
       <span className="font-semibold text-gray-900">
         Carleton CS Course Graph
       </span>
-      <nav className="flex gap-4">
+      <nav className="flex items-center gap-6">
         <NavLink to="/explorer" className={linkClass}>
-          Explorer
+          <Network size={20} /> Explorer
         </NavLink>
         <NavLink to="/planner" className={linkClass}>
-          Planner
+          <CalendarDays size={20} /> Planner
         </NavLink>
       </nav>
     </header>