diff --git a/public/logo.svg b/src/asset/img/logo.svg
similarity index 100%
rename from public/logo.svg
rename to src/asset/img/logo.svg
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index e7b1b93..40451a4 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -2,6 +2,8 @@
 
 import React, { useEffect, useState } from 'react';
 import { Box, AppBar, Stack, Link, Button } from '@mui/material';
+import logoSvg from '@/asset/img/logo.svg';
+import Image from 'next/image';
 
 import Search from './search';
 
@@ -55,14 +57,14 @@ const Header = () => {
         justifyContent='space-between'
       >
         <Stack direction='row' alignItems='center'>
-          <Box
-            component='img'
-            src='/tools/logo.svg'
+          <Image
+            src={logoSvg}
+            alt=''
             onClick={() => {
               window.open('/', '_self');
             }}
-            sx={{ ml: 5, mr: 10, cursor: 'pointer' }}
-          />
+            style={{ marginLeft: 40, marginRight: 80, cursor: 'pointer' }}
+          ></Image>
 
           <Stack direction='row' gap={5} alignItems='center'>
             {NAV_LINK.map((item) => (