fix: nav bar

package.json

@@ -26,7 +26,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@types/node": "^22",
+    "@types/node": "^22.7.5",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "daisyui": "^4.12.10",
@@ -37,7 +37,7 @@
     "postcss": "^8",
     "prettier": "3.3.3",
     "tailwindcss": "^3.4.13",
-    "typescript": "^5"
+    "typescript": "^5.6.3"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,css,scss,md,json,yml,yaml}": [

src/components/Nav.tsx

@@ -45,17 +45,17 @@ const Navbar: React.FC = () => {
         <div
           className={`md:flex space-x-4 ${isOpen ? "block" : "hidden"} md:block`}
         >
-          <div className="flex space-x-4 items-center">
+          <div className="flex space-x-4 items-center mr-6">
             <Link
               href="https://github.com/Bashamega/TrendTrack"
               target="_blank"
               className="flex items-center"
             >
-              <FaGithub /> Github
+              <FaGithub className="mr-2" /> Github
             </Link>
             <Link
               href="https://github.com/EddieHubCommunity/github-trending-repos"
-              className="hover:underline"
+              className="hover:underline mr-4"
             >
               API
             </Link>