diff --git a/apps/cs/app/(with-base-layout)/layout.tsx b/apps/cs/app/(with-base-layout)/layout.tsx
new file mode 100644
index 000000000..cbcaee847
--- /dev/null
+++ b/apps/cs/app/(with-base-layout)/layout.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import { BaseLayout } from "@common/components/ui";
+
+export default function WithBaseLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <BaseLayout>{children}</BaseLayout>;
+}
diff --git a/apps/cs/app/site/page.tsx b/apps/cs/app/(with-base-layout)/site/page.tsx
similarity index 100%
rename from apps/cs/app/site/page.tsx
rename to apps/cs/app/(with-base-layout)/site/page.tsx
diff --git a/apps/cs/app/site/register/[id]/page.tsx b/apps/cs/app/(with-base-layout)/site/register/[id]/page.tsx
similarity index 100%
rename from apps/cs/app/site/register/[id]/page.tsx
rename to apps/cs/app/(with-base-layout)/site/register/[id]/page.tsx
diff --git a/apps/cs/app/site/register/page.tsx b/apps/cs/app/(with-base-layout)/site/register/page.tsx
similarity index 100%
rename from apps/cs/app/site/register/page.tsx
rename to apps/cs/app/(with-base-layout)/site/register/page.tsx
diff --git a/apps/cs/src/pages/auth/login/ui/login-page.tsx b/apps/cs/src/pages/auth/login/ui/login-page.tsx
index 39a8b7411..c8eb1e2f9 100644
--- a/apps/cs/src/pages/auth/login/ui/login-page.tsx
+++ b/apps/cs/src/pages/auth/login/ui/login-page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Image from "next/image";
 import { images } from "@common/assets";
 import { LoginApi } from "@/entities/auth/login";
diff --git a/apps/cs/src/shared/provider/app-provider.tsx b/apps/cs/src/shared/provider/app-provider.tsx
index 49e9ead2a..175cc6aaa 100644
--- a/apps/cs/src/shared/provider/app-provider.tsx
+++ b/apps/cs/src/shared/provider/app-provider.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { ConfirmProvider } from "@frontend-opensource/use-react-hooks";
-import { BaseLayout } from "@common/components/ui";
 import { AuthProvider } from "./auth-provider";
 import { CookieProvider } from "./cookie-provider";
 import { QueryProvider } from "./query-provider";
@@ -11,9 +10,7 @@ const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {
     <QueryProvider>
       <CookieProvider>
         <AuthProvider>
-          <ConfirmProvider>
-            <BaseLayout>{children}</BaseLayout>
-          </ConfirmProvider>
+          <ConfirmProvider>{children}</ConfirmProvider>
         </AuthProvider>
       </CookieProvider>
     </QueryProvider>