diff --git a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
index e95ddf11..97bbf1b5 100644
--- a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
+++ b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.html
@@ -4,7 +4,10 @@
     [ngClass]="{
         'with-reference-id': referenceId,
         'without-reference-id': authToken,
-        'dark-theme': (theme === 'dark' && (type === 'user-management' || authToken)) || type === 'organization-details'
+        'dark-theme':
+            (theme === 'dark' && (type === 'user-management' || authToken)) || type === 'organization-details',
+        'user-profile-mode':
+            authToken && type !== 'user-management' && type !== 'subscription' && type !== 'organization-details'
     }"
 >
     <div
diff --git a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.scss b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.scss
index ae7d0c1e..89d0ccbe 100644
--- a/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.scss
+++ b/apps/proxy-auth/src/app/otp/send-otp/send-otp.component.scss
@@ -26,6 +26,9 @@
 .light-theme {
     background: rgb(33 37 40 / 95%);
 }
+.user-profile-mode {
+    background: #ffffff !important;
+}
 
 .without-reference-id {
     display: block;