From 8da149625681aafe02f9f0e64cbd3675a8651057 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Fri, 8 Aug 2025 16:21:43 +1000
Subject: [PATCH] fixed green light alignment

---
 src/components/ui/HoverNavigation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/HoverNavigation.tsx b/src/components/ui/HoverNavigation.tsx
index eaa00bb..70b5819 100644
--- a/src/components/ui/HoverNavigation.tsx
+++ b/src/components/ui/HoverNavigation.tsx
@@ -50,7 +50,7 @@ export const HoverNavigation = ({
 					ease: "easeInOut",
 				}}
 				className={cn(
-					"flex w-0 flex-row items-center justify-center whitespace-nowrap",
+					"flex w-0 flex-row items-center justify-center pr-2 whitespace-nowrap",
 					className,
 				)}
 			>
@@ -61,7 +61,7 @@ export const HoverNavigation = ({
 					Available for work
 				</a>
 				<div
-					className={`relative z-50 ml-3 ${visible ? "hidden" : "inline-block"}`}
+					className={`relative z-50 ml-3 ${visible ? "hidden" : "inline-block px-2"}`}
 				>
 					<div className="absolute top-1/2 left-1/2 aspect-square w-[6px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-green-500"></div>
 					<div className="animate-glow absolute top-1/2 left-1/2 aspect-square w-[6px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-green-500"></div>