From d19f7feb3820f4923a9ace9264cbf14ccae7d412 Mon Sep 17 00:00:00 2001
From: Hadeed Ahmad <hadeedji@gmail.com>
Date: Tue, 11 Jun 2024 06:25:22 +0400
Subject: [PATCH] Fix radio button color

---
 src/app.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app.jsx b/src/app.jsx
index 950a71a..fcde277 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -112,7 +112,7 @@ export default function App() {
                             key={label}
                           >
                             <label className="flex cursor-pointer items-center justify-start gap-150 hover:text-green-600 group-data-[state='checked']:text-green-600">
-                              <span className="relative size-300 rounded-full border-2 border-solid border-grey-500 bg-transparent group-data-[state='checked']:border-green-600">
+                              <span className="relative size-300 rounded-full border-2 border-solid border-grey-500/50 bg-transparent group-data-[state='checked']:border-green-600">
                                 <span className="absolute left-1/2 top-1/2 size-150 -translate-x-1/2 -translate-y-1/2 transform rounded-full bg-transparent group-data-[state='checked']:bg-green-600"></span>
                               </span>
                               <span className="text-body-md text-grey-900 group-hover:text-green-600 group-data-[state='checked']:text-green-600">