chore: increase width of bubble

RCOEM-Google-DSC · Oct 31, 2023 · 5fb6aa6 · 5fb6aa6
1 parent 67f413b
commit 5fb6aa6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Details.tsx b/src/components/Details.tsx
@@ -10,13 +10,13 @@ export function Details() {
 				<div className="flex justify-around max-md:flex-col">
 					<div className="blue flex h-8 items-center pl-4 text-primary max-md:border-b-[1px]">
 						Both Tracks{' '}
-						<span className="ml-1 flex w-5 items-center justify-center rounded-md bg-blue-300 px-1 text-black">
+						<span className="ml-1 flex w-8 items-center justify-center rounded-md bg-blue-300 px-2 text-black">
 							{totalBlue}
 						</span>
 					</div>
 					<div className="green flex h-8 items-center pl-4 text-primary">
 						Single Track{' '}
-						<span className="ml-1 flex w-5 items-center justify-center rounded-md bg-green-300 px-1 text-black">
+						<span className="ml-1 flex w-8 items-center justify-center rounded-md bg-green-300 px-2 text-black">
 							{totalGreen}
 						</span>
 					</div>