diff --git a/examples/react-components/src/app/dashboard/dashboard.css b/examples/react-components/src/app/dashboard/dashboard.css
index 427fce48..745b5855 100644
--- a/examples/react-components/src/app/dashboard/dashboard.css
+++ b/examples/react-components/src/app/dashboard/dashboard.css
@@ -47,7 +47,7 @@ body {
 }
 
 .circularProgress {
-  color: var(--Greyscale-900, #2b2f33);
+  color: #4c48ff;
 }
 .main {
   font-family: Inter;
diff --git a/packages/sdk-react/src/components/auth/Auth.module.css b/packages/sdk-react/src/components/auth/Auth.module.css
index 1a7b472d..db99f0c6 100644
--- a/packages/sdk-react/src/components/auth/Auth.module.css
+++ b/packages/sdk-react/src/components/auth/Auth.module.css
@@ -47,7 +47,7 @@
 
 .circularProgress {
   position: absolute;
-  color: var(--icon-color);
+  color: var(--loader-color);
 }
 
 .oauthIcon {
diff --git a/packages/sdk-react/src/components/auth/Auth.tsx b/packages/sdk-react/src/components/auth/Auth.tsx
index aaac5e4f..71ce97ed 100644
--- a/packages/sdk-react/src/components/auth/Auth.tsx
+++ b/packages/sdk-react/src/components/auth/Auth.tsx
@@ -470,7 +470,7 @@ const Auth: React.FC<AuthProps> = ({
           {renderBackButton()}
           <div className={styles.passkeyIconContainer}>
             {passkeySignupError ? (
-              <div className={styles.loadingWrapper}>{passkeyIconError}</div>
+              <div>{passkeyIconError}</div>
             ) : (
               <div className={styles.loadingWrapper}>
                 <CircularProgress
diff --git a/packages/sdk-react/src/components/auth/OtpVerification.module.css b/packages/sdk-react/src/components/auth/OtpVerification.module.css
index 9b3ded57..0f07f8f6 100644
--- a/packages/sdk-react/src/components/auth/OtpVerification.module.css
+++ b/packages/sdk-react/src/components/auth/OtpVerification.module.css
@@ -82,7 +82,7 @@
 
 .circularProgress {
   position: absolute;
-  color: var(--icon-colorr);
+  color: var(--loader-color);
 }
 .resendCode {
   font-size: 14px;
diff --git a/packages/sdk-react/src/components/theme.css b/packages/sdk-react/src/components/theme.css
index 11b06f4b..a0f83ef2 100644
--- a/packages/sdk-react/src/components/theme.css
+++ b/packages/sdk-react/src/components/theme.css
@@ -62,8 +62,9 @@
   --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Default auth-card shadow */
   --card-radius: 15px; /* Default auth-card border radius */
 
-  /* Accent Colors */
+  /* Misc Colors */
   --accent-color: var(--Blue-500, #4c48ff);
+  --loader-color: var(--Blue-500, #4c48ff);
   --icon-color: var(--Greyscale-900, #2b2f33);
   --error-color: #ff4c4c;
 }