diff --git a/packages/login/src/app/(root)/confirm/[Invite]/page.tsx b/packages/login/src/app/(root)/confirm/[Invite]/page.tsx
index 0fa68b435f..5811627efe 100644
--- a/packages/login/src/app/(root)/confirm/[Invite]/page.tsx
+++ b/packages/login/src/app/(root)/confirm/[Invite]/page.tsx
@@ -25,6 +25,7 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 import { notFound } from "next/navigation";
+import dynamic from "next/dynamic";
 
 import { FormWrapper } from "@docspace/shared/components/form-wrapper";
 
@@ -38,7 +39,13 @@ import {
   getThirdPartyProviders,
   getUserFromConfirm,
 } from "@/utils/actions";
-import LanguageComboboxWrapper from "@/components/LanguageCombobox";
+
+const LanguageComboboxWrapper = dynamic(
+  () => import("@/components/LanguageCombobox"),
+  {
+    ssr: false,
+  },
+);
 
 type LinkInviteProps = {
   searchParams: { [key: string]: string };
diff --git a/packages/login/src/app/(root)/page.tsx b/packages/login/src/app/(root)/page.tsx
index b1c1fdb946..21387c8f56 100644
--- a/packages/login/src/app/(root)/page.tsx
+++ b/packages/login/src/app/(root)/page.tsx
@@ -40,9 +40,16 @@ import RecoverAccess from "@/components/RecoverAccess";
 import Register from "@/components/Register";
 import { GreetingLoginContainer } from "@/components/GreetingContainer";
 import { FormWrapper } from "@docspace/shared/components/form-wrapper";
-import LanguageComboboxWrapper from "@/components/LanguageCombobox";
 import { ColorTheme, ThemeId } from "@docspace/shared/components/color-theme";
 import { cookies } from "next/headers";
+import dynamic from "next/dynamic";
+
+const LanguageComboboxWrapper = dynamic(
+  () => import("@/components/LanguageCombobox"),
+  {
+    ssr: false,
+  },
+);
 
 async function Page({
   searchParams,