From b52eed5102c9036004269ba29cfe354d52cf18bd Mon Sep 17 00:00:00 2001
From: awaisanwarcode <muhammadayub56122@gmail.com>
Date: Thu, 17 Sep 2026 15:00:44 +0500
Subject: [PATCH] fix: resolve theme toggle icon visibility

---
 frontend/src/Pages/Authentication.tsx   | 2 +-
 frontend/src/components/ThemeToggle.tsx | 9 ---------
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/frontend/src/Pages/Authentication.tsx b/frontend/src/Pages/Authentication.tsx
index 314cc16e..af360169 100644
--- a/frontend/src/Pages/Authentication.tsx
+++ b/frontend/src/Pages/Authentication.tsx
@@ -58,7 +58,7 @@ const RightSection: React.FC<RightSectionProps> = ({
 }) => (
   <div className="flex items-center justify-center w-full h-full relative">
     <div className="absolute right-4 top-4 md:right-8 md:top-8 flex flex-col md:flex-row gap-2 items-center">
-      <div className="w-32">
+      <div className="w-42">
         <ThemeToggle />
       </div>
       {authMode !== 'otpVerification' && authMode !== 'resetPassword' && (
diff --git a/frontend/src/components/ThemeToggle.tsx b/frontend/src/components/ThemeToggle.tsx
index 41299e2b..f1a3d575 100644
--- a/frontend/src/components/ThemeToggle.tsx
+++ b/frontend/src/components/ThemeToggle.tsx
@@ -38,15 +38,6 @@ export function ThemeToggle() {
       >
         {themeOptions.find((t) => t.id === theme)?.icon} Theme:{" "}
         <span>{themeOptions.find((t) => t.id === theme)?.name}</span>
-        <svg
-          className={`ml-auto w-3 h-3 transition-transform ${open ? "rotate-180" : ""}`}
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-        >
-          <path d="M19 9l-7 7-7-7" />
-        </svg>
       </button>
 
       {open && (