diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 2be7a54..2404540 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -3,6 +3,7 @@ import { useMediaQuery } from "react-responsive";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faHouse, faShop } from "@fortawesome/free-solid-svg-icons";
 import "../styles/Header.scss";
+import logo from "../assets/logo.png";
 
 function Header() {
   const showText = useMediaQuery({ minWidth: 1000 });
@@ -15,7 +16,7 @@ function Header() {
           className="d-flex justify-content-center align-items-center logo gap-4"
           aria-label="go to home page"
         >
-          <img src="/assets/logo.png" alt="dee's fish house logo" />
+          <img src={logo} alt="dee's fish house logo" />
           {showText ? <h1>dee's fish house</h1> : null}
         </NavLink>
         <nav className="nav nav-masthead justify-content-center float-md-end d-flex align-items-center gap-4">