diff --git a/src/constants/url.ts b/src/constants/url.ts
index f50ce1a2..74e06310 100644
--- a/src/constants/url.ts
+++ b/src/constants/url.ts
@@ -1,4 +1,4 @@
-import { LocalStorageConstants, LocalStorageUtils, URLConstants, URLUtils } from '@deriv-com/utils';
+import { AppIDConstants, LocalStorageConstants, LocalStorageUtils, URLConstants, URLUtils } from '@deriv-com/utils';
 
 export const BUY_SELL_URL = '/buy-sell';
 export const ORDERS_URL = '/orders';
@@ -13,9 +13,32 @@ export const DERIV_COM = URLConstants.derivComProduction;
 export const HELP_CENTRE = `${URLConstants.derivComProduction}/help-centre/`;
 export const RESPONSIBLE = `${URLConstants.derivComProduction}/responsible/`;
 
+const SocketURL = {
+    'p2p.deriv.com': 'blue.derivws.com',
+    'staging-p2p.deriv.com': 'red.derivws.com',
+};
+
 export const getOauthUrl = () => {
-    const appId = LocalStorageUtils.getValue(LocalStorageConstants.configAppId);
+    const hostname = window.location.hostname;
+
+    // since we don't have official app_id for staging,
+    // we will use the red server with app_id=62019 for the staging-p2p.deriv.com for now
+    // to fix the login issue
+    if (hostname === 'staging-p2p.deriv.com') {
+        localStorage.setItem(
+            LocalStorageConstants.configServerURL.toString(),
+            SocketURL[hostname as keyof typeof SocketURL]
+        );
+        localStorage.setItem(
+            LocalStorageConstants.configAppId,
+            AppIDConstants.domainAppId[hostname as keyof typeof AppIDConstants.domainAppId]
+        );
+    }
+
     const serverUrl = localStorage.getItem(LocalStorageConstants.configServerURL.toString());
+
+    const appId = LocalStorageUtils.getValue(LocalStorageConstants.configAppId);
+
     const oauthUrl =
         appId && serverUrl
             ? `https://${serverUrl}/oauth2/authorize?app_id=${appId}&l=EN&&brand=deriv`