From f4a1787e064a6a6ceff302ab5bae96b34e490032 Mon Sep 17 00:00:00 2001
From: Ari <kittykatz1344@ucc.asn.au>
Date: Fri, 7 Mar 2025 23:27:30 +0800
Subject: [PATCH] onHoverStyle no longer rounded

Literally just removed the 'rounded' tag on hover underline for buttons.

It looks odd as the underline curves for no visually discernible reason (since the button is transparent).
---
 client/src/components/main/header/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/main/header/Navbar.tsx b/client/src/components/main/header/Navbar.tsx
index e466f45..e9c6225 100644
--- a/client/src/components/main/header/Navbar.tsx
+++ b/client/src/components/main/header/Navbar.tsx
@@ -8,7 +8,7 @@ import { useAuth } from "@/context/AuthProvider";
 import { DropDownNav } from "./DropDown";
 
 const onHoverStyle =
-  "rounded border-b-4 border-transparent px-2 hover:border-[#5C764B] hover:opacity-80";
+  "border-b-4 border-transparent px-2 hover:border-[#5C764B] hover:opacity-80";
 const outlineStyle =
   "rounded-lg border-2 border-white p-1 px-4 hover:opacity-70";