From 65b9d189e83998b01ac52f6f5468c5c2c84ea346 Mon Sep 17 00:00:00 2001
From: Galactic99 <abhinavashok2004@gmail.com>
Date: Fri, 17 Apr 2026 10:55:03 +0530
Subject: [PATCH] fix:improve ui of the countdown by adding a low opacity
 circle background

---
 src/components/launch/CountdownOverlay.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/launch/CountdownOverlay.tsx b/src/components/launch/CountdownOverlay.tsx
index 1ee5c97..54ec8e8 100644
--- a/src/components/launch/CountdownOverlay.tsx
+++ b/src/components/launch/CountdownOverlay.tsx
@@ -14,11 +14,13 @@ export function CountdownOverlay() {
 	return (
 		<div className="w-screen h-screen bg-transparent flex items-center justify-center pointer-events-none select-none">
 			{value === null ? null : (
-				<div
-					className="text-white/90 text-[120px] font-bold leading-none tabular-nums"
-					style={{ textShadow: "0 4px 24px rgba(0, 0, 0, 0.65)" }}
-				>
-					{value}
+				<div className="flex items-center justify-center w-40 h-40 rounded-full bg-black/50">
+					<div
+						className="text-white/90 text-[80px] font-bold leading-none tabular-nums"
+						style={{ textShadow: "0 4px 24px rgba(0, 0, 0, 0.65)" }}
+					>
+						{value}
+					</div>
 				</div>
 			)}
 		</div>