diff --git a/.env b/.env
index 0716bb0..0af39a8 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
-USE_DEV_COLORS=
+NEXT_PUBLIC_USE_DEV_COLORS=
 
 URL_IUS_DIRECT=
\ No newline at end of file
diff --git a/apps/web/components/layout/logo.tsx b/apps/web/components/layout/logo.tsx
index 7ed6a6a..a7266c5 100644
--- a/apps/web/components/layout/logo.tsx
+++ b/apps/web/components/layout/logo.tsx
@@ -6,5 +6,7 @@ import logoDev from 'public/assets/images/logo-primary-dev.svg';
 const env = getEnv();
 
 export function Logo() {
-  return <Image priority alt="logo" src={env.USE_DEV_COLORS ? logoDev : logo} height="24" />;
+  return (
+    <Image priority alt="logo" src={env.NEXT_PUBLIC_USE_DEV_COLORS ? logoDev : logo} height="24" />
+  );
 }
diff --git a/apps/web/config/schema/env.js b/apps/web/config/schema/env.js
index 9c1bd8a..d39c687 100644
--- a/apps/web/config/schema/env.js
+++ b/apps/web/config/schema/env.js
@@ -2,7 +2,7 @@ const { z } = require('zod');
 
 const envSchema = z.object({
   URL_IUS_DIRECT: z.string(),
-  USE_DEV_COLORS: z.string().optional(),
+  NEXT_PUBLIC_USE_DEV_COLORS: z.string().optional(),
 });
 
 module.exports = envSchema;
diff --git a/apps/web/constants/colors.ts b/apps/web/constants/colors.ts
index 9972a6e..0e3ba29 100644
--- a/apps/web/constants/colors.ts
+++ b/apps/web/constants/colors.ts
@@ -13,4 +13,4 @@ export const COLORS_DEV = {
   COLOR_TERTIARTY: '#FF9112',
 };
 const env = getEnv();
-export const COLORS = env.USE_DEV_COLORS ? COLORS_DEV : COLORS_PROD;
+export const COLORS = env.NEXT_PUBLIC_USE_DEV_COLORS ? COLORS_DEV : COLORS_PROD;
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index ef197e2..ade435b 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -6,7 +6,7 @@ const urls = require('./constants/urls');
 const env = envSchema.parse(process.env);
 
 const favicons = fs.readdirSync('./public/favicon/prod');
-const faviconSubPath = env.USE_DEV_COLORS ? '/favicon/dev' : '/favicon/prod';
+const faviconSubPath = env.NEXT_PUBLIC_USE_DEV_COLORS ? '/favicon/dev' : '/favicon/prod';
 function buildFaviconRewrite(source) {
   return {
     destination: String.prototype.concat(faviconSubPath, source),
@@ -34,7 +34,6 @@ const nextConfig = {
       ...favicons.map((fileName) => buildFaviconRewrite(`/${fileName}`)),
     ];
   },
-  env,
 };
 
 module.exports = nextConfig;
diff --git a/docker-compose.yml b/docker-compose.yml
index a26a799..07cce54 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,9 +1,9 @@
 version: '3.3'
 services:
   external_client:
-    environment:
-      - URL_IUS_DIRECT=${URL_IUS_DIRECT}
-      - USE_DEV_COLORS=${USE_DEV_COLORS}
+    # environment:
+    #   - URL_IUS_DIRECT=${URL_IUS_DIRECT}
+    #   - NEXT_PUBLIC_USE_DEV_COLORS=${NEXT_PUBLIC_USE_DEV_COLORS}
     build:
       context: .
       dockerfile: ./apps/web/Dockerfile