diff --git a/.env.cec-euprd b/.env.cec-euprd
index 59f77ea..81bef6f 100644
--- a/.env.cec-euprd
+++ b/.env.cec-euprd
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=https://gw.cec-euprd.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://superset.cec-euprd.fiskerinc.com
-REACT_APP_ECCKEY_ENV=
\ No newline at end of file
+REACT_APP_ROLE_CREATE=e92f2b3e-1b80-42e5-9483-8ae648224dc6
+REACT_APP_ROLE_READ_ONLY=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
+REACT_APP_ROLE_DELETE=bfd1cccc-213a-4f31-b3d1-6e685976aec8
+REACT_APP_ROLE_GENERATE_CERTIFICATE=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=
diff --git a/.env.cec-prd b/.env.cec-prd
index 5815d26..2baee03 100644
--- a/.env.cec-prd
+++ b/.env.cec-prd
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=https://gw.cec-prd.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://superset.cec-prd.fiskerinc.com
-REACT_APP_ECCKEY_ENV=
\ No newline at end of file
+REACT_APP_ROLE_CREATE=e92f2b3e-1b80-42e5-9483-8ae648224dc6
+REACT_APP_ROLE_READ_ONLY=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
+REACT_APP_ROLE_DELETE=bfd1cccc-213a-4f31-b3d1-6e685976aec8
+REACT_APP_ROLE_GENERATE_CERTIFICATE=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=
diff --git a/.env.dev b/.env.dev
index 274a799..f984f2e 100644
--- a/.env.dev
+++ b/.env.dev
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=https://dev-gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
-REACT_APP_ECCKEY_ENV=stage,prod
\ No newline at end of file
+REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
+REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
+REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
+REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=stage,prod
diff --git a/.env.local b/.env.local
index 8fa46ee..94c1a10 100644
--- a/.env.local
+++ b/.env.local
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=http://localhost/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
+REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
+REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
+REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
+REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
 REACT_APP_ECCKEY_ENV=dev,stage,prod
diff --git a/.env.prd b/.env.prd
index 663a705..11f4e91 100644
--- a/.env.prd
+++ b/.env.prd
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=https://gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://superset.cloud.fiskerinc.com
-REACT_APP_ECCKEY_ENV=stage
\ No newline at end of file
+REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
+REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
+REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
+REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=stage
diff --git a/.env.stg b/.env.stg
index 7338e53..41c4529 100644
--- a/.env.stg
+++ b/.env.stg
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=https://stg-gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://stg-superset.cloud.fiskerinc.com
-REACT_APP_ECCKEY_ENV=prod
\ No newline at end of file
+REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
+REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
+REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
+REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=prod
diff --git a/.env.template b/.env.template
index 968195b..3ddd694 100644
--- a/.env.template
+++ b/.env.template
@@ -8,4 +8,10 @@ REACT_APP_OTA_SERVICE_URL=http://localhost/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
 REACT_APP_SUPERSET_URL=https://dev-superset.cloud.fiskerinc.com
-REACT_APP_ECCKEY_ENV=dev,stage,prod
\ No newline at end of file
+REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
+REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
+REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
+REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
+REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
+REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
+REACT_APP_ECCKEY_ENV=dev,stage,prod
diff --git a/src/utils/roles.js b/src/utils/roles.js
index 014620c..68a4783 100644
--- a/src/utils/roles.js
+++ b/src/utils/roles.js
@@ -1,12 +1,12 @@
 import { parsePayload } from "./jwt";
 
 export const Roles = {
-  READ: "a729bbd4-2038-4649-9127-16782bb1e701",
-  CREATE: "efcc3025-e2d8-4212-8227-805c7be39d2c",
-  DELETE: "8f78dce7-f5f9-4033-a10c-c9c7408bfcfe",
-  CERTIFICATES: "746f34b0-9ba0-4b5d-8d84-0256a9c8e390",
-  APPROVESUPPLIERS: "a6c9805e-80b2-42b2-bfbb-9df52e5504d8",
-  MANUFACTURE: "3412e11a-a2d1-4355-be3e-ef9aa5065b69",
+  READ: process.env.REACT_APP_ROLE_READ_ONLY,
+  CREATE: process.env.REACT_APP_ROLE_CREATE,
+  DELETE: process.env.REACT_APP_ROLE_DELETE,
+  CERTIFICATES: process.env.REACT_APP_ROLE_GENERATE_CERTIFICATE,
+  APPROVESUPPLIERS: process.env.REACT_APP_ROLE_SUPPLIER_APPROVER,
+  MANUFACTURE: process.env.REACT_APP_ROLE_MANUFACTURE,
   MAGNAGROUP: process.env.REACT_APP_MAGNA_GROUP_ID,
 };