diff --git a/apps/cs/next.config.ts b/apps/cs/next.config.ts
index 355adfad3..8ef9b4718 100644
--- a/apps/cs/next.config.ts
+++ b/apps/cs/next.config.ts
@@ -5,24 +5,10 @@ const nextConfig: NextConfig = {
   webpack: (config) => {
     config.plugins.push(
       new webpack.DefinePlugin({
-        "import.meta.env.VITE_SERVER_API_URL": JSON.stringify(
-          process.env.VITE_SERVER_API_URL,
-        ),
-        "import.meta.env.VITE_SITE_ID": JSON.stringify(
-          process.env.VITE_SITE_ID,
-        ),
-        "import.meta.env.VITE_CLAIM_NAME": JSON.stringify(
-          process.env.VITE_CLAIM_NAME,
-        ),
-        "import.meta.env.VITE_ACCESS_TOKEN": JSON.stringify(
-          process.env.VITE_ACCESS_TOKEN,
-        ),
-        "import.meta.env.VITE_REFRESH_TOKEN": JSON.stringify(
-          process.env.VITE_REFRESH_TOKEN,
-        ),
-        "import.meta.env.VITE_TOKEN_ID": JSON.stringify(
-          process.env.VITE_TOKEN_ID,
+        "process.env.SERVER_API_URL": JSON.stringify(
+          process.env.NEXT_PUBLIC_SERVER_API_URL,
         ),
+        "process.env.SITE_ID": JSON.stringify(process.env.NEXT_PUBLIC_SITE_ID),
       }),
     );
 
diff --git a/apps/cs/src/pages/site/ui/register-page.tsx b/apps/cs/src/pages/site/ui/register-page.tsx
index 40a098da7..3c35ae8e0 100644
--- a/apps/cs/src/pages/site/ui/register-page.tsx
+++ b/apps/cs/src/pages/site/ui/register-page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Button,
   DropdownMenu,
@@ -16,6 +18,7 @@ import {
 } from "@common/components";
 import { SitePageLayout } from "./layout";
 import { IPManagementDialog } from "./ip-management-dialog";
+
 function RegisterPage() {
   return (
     <SitePageLayout>
diff --git a/apps/cs/src/shared/config/env.ts b/apps/cs/src/shared/config/env.ts
index 13bf870a3..a9b71a221 100644
--- a/apps/cs/src/shared/config/env.ts
+++ b/apps/cs/src/shared/config/env.ts
@@ -1,7 +1,9 @@
 export const SERVER_API_URL = process.env.NEXT_PUBLIC_SERVER_API_URL;
 export const SITE_ID = process.env.NEXT_PUBLIC_SITE_ID;
 
-export const CLAIM_NAME = process.env.CLAIM_NAME || "Authorization";
-export const ACCESS_TOKEN = process.env.ACCESS_TOKEN || "access-token";
-export const REFRESH_TOKEN = process.env.REFRESH_TOKEN || "refresh-token";
-export const TOKEN_ID = process.env.TOKEN_ID || "token-id";
+export const CLAIM_NAME = process.env.NEXT_PUBLIC_CLAIM_NAME || "Authorization";
+export const ACCESS_TOKEN =
+  process.env.NEXT_PUBLIC_ACCESS_TOKEN || "access-token";
+export const REFRESH_TOKEN =
+  process.env.NEXT_PUBLIC_REFRESH_TOKEN || "refresh-token";
+export const TOKEN_ID = process.env.NEXT_PUBLIC_TOKEN_ID || "token-id";