diff --git a/widget/app/package.json b/widget/app/package.json
index 2e54387c8e..6978998e6a 100644
--- a/widget/app/package.json
+++ b/widget/app/package.json
@@ -10,7 +10,7 @@
   },
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "scripts": {
-    "dev": "parcel -p 3000 --cache-dir=.parcel-cache --no-cache",
+    "dev": "parcel -p 3002 --cache-dir=.parcel-cache --no-cache",
     "build": "parcel build --cache-dir=.parcel-cache",
     "ts-check": "tsc --declaration --emitDeclarationOnly -p ./tsconfig.json",
     "clean": "rimraf .parcel-cache && rimraf dist",
diff --git a/widget/app/src/App.tsx b/widget/app/src/App.tsx
index 1bfa28b2f7..e62489b538 100644
--- a/widget/app/src/App.tsx
+++ b/widget/app/src/App.tsx
@@ -37,8 +37,7 @@ export function App() {
        */
 
       config = {
-        apiUrl: 'https://api-01.rng-dev.online',
-        apiKey: '4a624ab5-16ff-4f96-90b7-ab00ddfc342c',
+        apiKey: '',
         walletConnectProjectId: WC_PROJECT_ID,
         trezorManifest: TREZOR_MANIFEST,
         tonConnect: { manifestUrl: TON_CONNECT_MANIFEST_URL },
diff --git a/widget/playground/package.json b/widget/playground/package.json
index 8411ef7404..4aaff7fd98 100644
--- a/widget/playground/package.json
+++ b/widget/playground/package.json
@@ -10,7 +10,7 @@
   },
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "scripts": {
-    "dev": "parcel -p 3000 --cache-dir=.parcel-cache --no-cache",
+    "dev": "parcel -p 3005 --cache-dir=.parcel-cache --no-cache",
     "build": "parcel build --cache-dir=.parcel-cache",
     "ts-check": "tsc --declaration --emitDeclarationOnly -p ./tsconfig.json",
     "clean": "rimraf .parcel-cache && rimraf dist",
diff --git a/widget/playground/src/App.tsx b/widget/playground/src/App.tsx
index 29bfe41782..c43f92991b 100644
--- a/widget/playground/src/App.tsx
+++ b/widget/playground/src/App.tsx
@@ -10,7 +10,7 @@ import { ConfigContainer } from './containers/configContainer';
 import { useTheme } from './hooks/useTheme';
 import { initialConfig, useConfigStore } from './store/config';
 import { useMetaStore } from './store/meta';
-// import { RANGO_PUBLIC_API_KEY } from './utils/configs';
+import { RANGO_PUBLIC_API_KEY } from './utils/configs';
 import { filterConfig } from './utils/export';
 
 export function App() {
@@ -23,8 +23,7 @@ export function App() {
     theme: {},
     ...config,
     ...filteredConfigForExport,
-    apiUrl: 'https://api-01.rng-dev.online',
-    apiKey: '4a624ab5-16ff-4f96-90b7-ab00ddfc342c',
+    apiKey: RANGO_PUBLIC_API_KEY,
     features: {
       theme: 'hidden',
     },
diff --git a/widget/playground/src/services/httpService.ts b/widget/playground/src/services/httpService.ts
index 51566431cf..e7d3473bef 100644
--- a/widget/playground/src/services/httpService.ts
+++ b/widget/playground/src/services/httpService.ts
@@ -1,14 +1,13 @@
 import { RangoClient } from 'rango-sdk';
 
+import { getConfig } from '../utils/configs';
+
 let rangoClient: RangoClient | undefined = undefined;
 
 export const rango = () => {
   if (rangoClient) {
     return rangoClient;
   }
-  rangoClient = new RangoClient(
-    '4a624ab5-16ff-4f96-90b7-ab00ddfc342c',
-    'https://api-01.rng-dev.online'
-  );
+  rangoClient = new RangoClient(getConfig('API_KEY'));
   return rangoClient;
 };