diff --git a/src/core/router/CustomerPortalRoutes.tsx b/src/core/router/CustomerPortalRoutes.tsx
index 41cadee16..a9731f7f1 100644
--- a/src/core/router/CustomerPortalRoutes.tsx
+++ b/src/core/router/CustomerPortalRoutes.tsx
@@ -1,13 +1,16 @@
-import CustomerPortalSections from '~/components/customerPortal/common/CustomerPortalSections'
-import CustomerInformationPage from '~/components/customerPortal/customerInformation/CustomerInformationPage'
-import UsagePage from '~/components/customerPortal/usage/UsagePage'
-import WalletPage from '~/components/customerPortal/wallet/WalletPage'
-
 import { CustomRouteObject } from './types'
 import { lazyLoad } from './utils'
 
 // ----------- Pages -----------
 const PortalInit = lazyLoad(() => import('~/pages/auth/PortalInit'))
+const CustomerPortalSections = lazyLoad(
+  () => import('~/components/customerPortal/common/CustomerPortalSections'),
+)
+const UsagePage = lazyLoad(() => import('~/components/customerPortal/usage/UsagePage'))
+const WalletPage = lazyLoad(() => import('~/components/customerPortal/wallet/WalletPage'))
+const CustomerInformationPage = lazyLoad(
+  () => import('~/components/customerPortal/customerInformation/CustomerInformationPage'),
+)
 
 // ----------- Routes -----------
 export const CUSTOMER_PORTAL_ROUTE = '/customer-portal/:token'