diff --git a/src/modules/main/Main.jsx b/src/modules/main/Main.jsx
index f2d924e..f9020ad 100644
--- a/src/modules/main/Main.jsx
+++ b/src/modules/main/Main.jsx
@@ -47,6 +47,7 @@ const Main = () => {
           backgroundPositionY: reduceWithDelimiter(bgPositionY, ','),
           transition: 'all 0.25s ease-out 0s',
           width: '100%',
+          paddingTop: '64px', // for fixed header
         }}
       >
         <Outlet />
diff --git a/src/modules/main/header/Header.jsx b/src/modules/main/header/Header.jsx
index 8e90575..4fbd1cc 100644
--- a/src/modules/main/header/Header.jsx
+++ b/src/modules/main/header/Header.jsx
@@ -41,6 +41,9 @@ const Header = () => {
         height: 'auto',
         backgroundColor: 'crimson',
         padding: '0',
+        position: 'fixed', // for fixed header
+        top: '0', // for fixed header
+        zIndex: '1', // for fixed header
       }}
     >
       <Flex