diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index c8b07d1..469e6c6 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -1,6 +1,4 @@
 import HomeNotesCard from "@/modules/note/home_notes_card.module";
-import NewNoteModule from "@/modules/note/new_note.module";
-import { useAppStore } from "@/stores/app.store";
 import {
   IonButton,
   IonContent,
@@ -10,18 +8,18 @@ import {
   IonTitle,
   IonToolbar,
   useIonModal,
-  useIonRouter,
 } from "@ionic/react";
 import { addOutline } from "ionicons/icons";
-import { useCallback } from "react";
+import { lazy, useCallback } from "react";
 import styles from "./Home.module.scss";
 
 export default function HomePage() {
-  const router = useIonRouter();
-  const s = useAppStore((state) => state.dispatch);
-  const [showModal, hideModal] = useIonModal(NewNoteModule, {
-    onDismiss: (data: string, role: string) => hideModal(data, role),
-  });
+  const [showModal, hideModal] = useIonModal(
+    lazy(() => import("@/modules/note/new_note.module")),
+    {
+      onDismiss: (data: string, role: string) => hideModal(data, role),
+    }
+  );
 
   const onClickAddNote = useCallback(() => {
     showModal();
diff --git a/src/pages/NoteDetails/NoteDetails.tsx b/src/pages/NoteDetails/NoteDetails.tsx
index 875df4b..53a0a46 100644
--- a/src/pages/NoteDetails/NoteDetails.tsx
+++ b/src/pages/NoteDetails/NoteDetails.tsx
@@ -8,7 +8,7 @@ import {
   IonToolbar,
 } from "@ionic/react";
 
-export default function NoteDetails() {
+export default function NoteDetailsPage() {
   return (
     <IonPage>
       <IonHeader>
diff --git a/src/pages/Profile/ProfilePage.tsx b/src/pages/Profile/ProfilePage.tsx
index 632e9b8..aab9c19 100644
--- a/src/pages/Profile/ProfilePage.tsx
+++ b/src/pages/Profile/ProfilePage.tsx
@@ -80,11 +80,9 @@ export default function ProfilePage() {
     <IonPage>
       <IonHeader>
         <IonToolbar>
-          <IonButtons slot="start">
-            <IonTitle>
-              {`${profile?.firstName} ${profile?.lastName}` ?? "No name"}
-            </IonTitle>
-          </IonButtons>
+          <IonTitle>
+            {`${profile?.firstName} ${profile?.lastName}` ?? "No name"}
+          </IonTitle>
           <IonButtons slot="end">
             <IonButton routerLink={Routes.Settings}>
               <IonIcon icon={settingsOutline} />
diff --git a/src/routes/tab.route.tsx b/src/routes/tab.route.tsx
index e139b9d..a28e53f 100644
--- a/src/routes/tab.route.tsx
+++ b/src/routes/tab.route.tsx
@@ -2,7 +2,6 @@ import { useAuthContext } from "@/context/AuthContext";
 import ChatsPage from "@/pages/Chats/Chats";
 import HomePage from "@/pages/Home/Home";
 import ProfilePage from "@/pages/Profile/ProfilePage";
-import ScanPage from "@/pages/Scan";
 import {
   IonFabButton,
   IonIcon,
@@ -18,10 +17,12 @@ import {
   personCircleOutline,
   qrCodeOutline,
 } from "ionicons/icons";
-import { useEffect } from "react";
+import { lazy, useEffect } from "react";
 import { Redirect, Route, useHistory } from "react-router";
 import { Routes } from "./routes";
 
+const ScanPage = lazy(() => import("@/pages/Scan"));
+
 export default function TabRoutes() {
   const router = useHistory();
   const auth = useAuthContext();
@@ -47,9 +48,7 @@ export default function TabRoutes() {
         <Route path={Routes.Notes} exact>
           <HomePage />
         </Route>
-        <Route path={Routes.Scan} exact>
-          <ScanPage />
-        </Route>
+        <Route path={Routes.Scan} component={ScanPage} exact />
         <Route path={Routes.Chats} exact>
           <ChatsPage />
         </Route>