diff --git a/app/client/src/ce/AppRouter.tsx b/app/client/src/ce/AppRouter.tsx
index 52a589aee5..4c08885045 100644
--- a/app/client/src/ce/AppRouter.tsx
+++ b/app/client/src/ce/AppRouter.tsx
@@ -47,7 +47,7 @@ import UserProfile from "pages/UserProfile";
 import { getCurrentUser } from "actions/authActions";
 import { getCurrentUserLoading } from "selectors/usersSelectors";
 import Setup from "pages/setup";
-import Settings from "@appsmith/pages/AdminSettings";
+import SettingsLoader from "pages/Settings/loader";
 import SignupSuccess from "pages/setup/SignupSuccess";
 import type { ERROR_CODES } from "@appsmith/constants/ApiConstants";
 import TemplatesListLoader from "pages/Templates/loader";
@@ -101,7 +101,7 @@ export function Routes() {
         }
       />
       <SentryRoute
-        component={Settings}
+        component={SettingsLoader}
         exact
         path={ADMIN_SETTINGS_CATEGORY_PATH}
       />
diff --git a/app/client/src/pages/Settings/loader.tsx b/app/client/src/pages/Settings/loader.tsx
new file mode 100644
index 0000000000..72751e3882
--- /dev/null
+++ b/app/client/src/pages/Settings/loader.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import PageLoadingBar from "pages/common/PageLoadingBar";
+import { retryPromise } from "utils/AppsmithUtils";
+
+const Page = React.lazy(() =>
+  retryPromise(
+    () =>
+      import(
+        /* webpackChunkName: "settings" */ "@appsmith/pages/AdminSettings/index"
+      ),
+  ),
+);
+
+const AdminSettingsLoader = (props: any) => {
+  return (
+    <React.Suspense fallback={<PageLoadingBar />}>
+      <Page {...props} />
+    </React.Suspense>
+  );
+};
+
+export default AdminSettingsLoader;