From 6febe93a1bc4d929223e36b69bc5fbf2457a2d03 Mon Sep 17 00:00:00 2001
From: Aditya Kumar <aditya@candoursystems.com>
Date: Fri, 25 Jul 2025 16:31:35 +0530
Subject: [PATCH] fix: dark/light icon change

---
 src/components/ModeToggle.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ModeToggle.tsx b/src/components/ModeToggle.tsx
index ea003d0..70e0e41 100644
--- a/src/components/ModeToggle.tsx
+++ b/src/components/ModeToggle.tsx
@@ -10,7 +10,7 @@ function LightModeIcon(): JSX.Element {
       viewBox="0 0 24 24"
       strokeWidth={1.5}
       stroke="currentColor"
-      className="w-4 h-4 block dark:hidden"
+      className="w-4 h-4 block dark:block"
     >
       <path
         strokeLinecap="round"
@@ -49,8 +49,7 @@ export function ModeToggle(): JSX.Element {
       className="fixed top-4 right-4 border rounded-md w-6 h-6 flex items-center justify-center"
     >
       <span className="sr-only">Toggle mode</span>
-      <LightModeIcon />
-      <DarkModeIcon />
+      {(resolvedTheme === 'dark') ? <LightModeIcon /> : <DarkModeIcon />}
     </button>
   )
 }