diff --git a/src/Layout/Ui/NavBar.tsx b/src/Layout/Ui/NavBar.tsx
index 392e9db..9ead5db 100644
--- a/src/Layout/Ui/NavBar.tsx
+++ b/src/Layout/Ui/NavBar.tsx
@@ -26,11 +26,11 @@ const NavBar = () => {
 
   return (
     <div className="NavBar">
+      <Suspense fallback={<SpinContainer />}>
       <span className="navbar_link" onClick={handelNavigate}>
         <MdOutlineArrowForwardIos /> {PageTitle}
       </span>
       <NavBarRightSide />
-      <Suspense fallback={<SpinContainer />}>
         <ChangePasswordModel />
       </Suspense>
     </div>
diff --git a/src/Styles/Auth/Auth.scss b/src/Styles/Auth/Auth.scss
index f15a7cb..98d6a3b 100644
--- a/src/Styles/Auth/Auth.scss
+++ b/src/Styles/Auth/Auth.scss
@@ -15,7 +15,7 @@
     margin-inline: auto;
     height: 60%;
     content: "";
-    background: url("../../../public/Layout/BackgroundHeader.webp");
+    background: url("/Layout/BackgroundHeader.webp");
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 1;
diff --git a/src/Styles/Layout/Layout.scss b/src/Styles/Layout/Layout.scss
index 32992f6..d0d7224 100644
--- a/src/Styles/Layout/Layout.scss
+++ b/src/Styles/Layout/Layout.scss
@@ -23,7 +23,7 @@
     background-repeat: no-repeat;
     background-size: cover;
 
-    background-image: url("../../../public/Layout/BackgroundHeader.webp");
+    background-image: url("/Layout/BackgroundHeader.webp");
   }
 }