From 9e777962d1889c06389418540f62796041ff7a3e Mon Sep 17 00:00:00 2001
From: Iskander <iskandervdh@gmail.com>
Date: Wed, 10 Jun 2026 15:57:16 +0200
Subject: [PATCH] Fix nav button outline getting cut off by adding padding to
 navbar item list

---
 frontend/src/sections/navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/sections/navbar.tsx b/frontend/src/sections/navbar.tsx
index d530e74..681ee59 100644
--- a/frontend/src/sections/navbar.tsx
+++ b/frontend/src/sections/navbar.tsx
@@ -48,7 +48,7 @@ export function Navbar() {
         <img src={icon} id="logo" alt="logo" className="cursor-pointer w-14 h-14" draggable={false} />
       </Link>
 
-      <ul className="hidden gap-4 overflow-x-auto md:flex">
+      <ul className="hidden gap-4 p-2 overflow-x-auto md:flex">
         {Object.entries(NAV_PAGES).map(([page, route]) => (
           <NavbarItem key={page} page={page as keyof typeof NAV_PAGES} route={route} />
         ))}