diff --git a/apps/compliance-portal/src/components/skeletons/PageSkeleton.tsx b/apps/compliance-portal/src/components/skeletons/PageSkeleton.tsx
deleted file mode 100644
index 32c0f55ca..000000000
--- a/apps/compliance-portal/src/components/skeletons/PageSkeleton.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright (c) 2026 Probo Inc <hello@probo.com>.
-//
-// Permission to use, copy, modify, and/or distribute this software for any
-// purpose with or without fee is hereby granted, provided that the above
-// copyright notice and this permission notice appear in all copies.
-//
-// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-// PERFORMANCE OF THIS SOFTWARE.
-
-export function PageSkeleton() {
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-sand-1">
-      <div className="h-8 w-48 animate-pulse rounded bg-sand-4" />
-    </div>
-  );
-}
diff --git a/apps/compliance-portal/src/routes.tsx b/apps/compliance-portal/src/routes.tsx
index 4e55ece32..e97dfad47 100644
--- a/apps/compliance-portal/src/routes.tsx
+++ b/apps/compliance-portal/src/routes.tsx
@@ -16,14 +16,14 @@ import { lazy } from "@probo/react-lazy";
 import { type AppRoute, routeFromAppRoute } from "@probo/routes";
 import { createBrowserRouter } from "react-router";
 
-import { PageSkeleton } from "#/components/skeletons/PageSkeleton";
 import { getPathPrefix } from "#/lib/http/pathPrefix";
 import { HomePageSkeleton } from "#/pages/HomePageSkeleton";
+import { MainLayoutSkeleton } from "#/pages/MainLayoutSkeleton";
 
 const routes = [
   {
     path: "/",
-    Fallback: PageSkeleton,
+    Fallback: MainLayoutSkeleton,
     Component: lazy(() => import("#/pages/MainLayoutLoader")),
     children: [
       {