diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 8b17e54..c9aed19 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -22,7 +22,7 @@ const App = () => {
   return (
     <div className={isLoginPageOrSignUpPage ? "" : "display: flex"}>
       {!isLoginPageOrSignUpPage && <IconSideNav />}
-      <div className={isLoginPageOrSignUpPage ? "" : "flex-1"}>
+      <div className={isLoginPageOrSignUpPage ? "" : "flex-1 ml-[76px]"}>
         <NavBar />
         <div className={isLoginPageOrSignUpPage ? "" : "flex items-center justify-center"}>
           <Routes>
diff --git a/frontend/src/components/navigations/IconSideNav.jsx b/frontend/src/components/navigations/IconSideNav.jsx
index 6f9f884..3a1ba3e 100644
--- a/frontend/src/components/navigations/IconSideNav.jsx
+++ b/frontend/src/components/navigations/IconSideNav.jsx
@@ -24,7 +24,7 @@ const SideNav = () => {
   const [selected, setSelected] = useState(0);
 
   return (
-    <nav className="bg-slate-950 p-4 flex flex-col items-center gap-2 h-screen">
+    <nav className="bg-slate-950 p-4 flex flex-col items-center gap-2 h-full fixed top-0 left-0">
       {menuItems.map(item => (
         <NavItem
           key={item.id}