diff --git a/packages/login/src/HOCs/withLoader.tsx b/packages/login/src/HOCs/withLoader.tsx
index 4f642fcb5e..5d78f25c3b 100644
--- a/packages/login/src/HOCs/withLoader.tsx
+++ b/packages/login/src/HOCs/withLoader.tsx
@@ -46,10 +46,10 @@ import {
   getCapabilities,
   getPortalPasswordSettings,
 } from "@docspace/shared/api/settings";
+import AppLoader from "@docspace/shared/components/app-loader";
 
 import { TError, WithLoaderProps } from "@/types";
 import { ConfirmRouteContext } from "@/components/ConfirmRoute";
-import Loading from "../app/(root)/confirm/loading";
 
 export default function withLoader<T extends WithLoaderProps>(
   WrappedComponent: ComponentType<T>,
@@ -168,7 +168,7 @@ export default function withLoader<T extends WithLoaderProps>(
         : true;
 
     if (!isLoaded) {
-      return <Loading />;
+      return <AppLoader />;
     }
 
     if (error) {
diff --git a/packages/login/src/components/ConfirmRoute.tsx b/packages/login/src/components/ConfirmRoute.tsx
index 3614dfd791..775ab03bbf 100644
--- a/packages/login/src/components/ConfirmRoute.tsx
+++ b/packages/login/src/components/ConfirmRoute.tsx
@@ -33,6 +33,7 @@ import { useTranslation } from "react-i18next";
 import { getCookie } from "@docspace/shared/utils";
 import { LANGUAGE } from "@docspace/shared/constants";
 import { checkConfirmLink, logout } from "@docspace/shared/api/user";
+import AppLoader from "@docspace/shared/components/app-loader";
 
 import { AuthenticatedAction, ValidationResult } from "@/utils/enums";
 import {
@@ -42,7 +43,6 @@ import {
   TError,
   TConfirmRouteContext,
 } from "@/types";
-import Loading from "@/app/(root)/confirm/loading";
 
 export const ConfirmRouteContext = createContext<TConfirmRouteContext>({
   linkData: {},
@@ -180,7 +180,7 @@ function ConfirmRoute(props: ConfirmRouteProps) {
   }
 
   if (loading) {
-    return <Loading />;
+    return <AppLoader />;
   }
 
   return (