diff --git a/src/pages/Login/LoginPage.tsx b/src/pages/Login/LoginPage.tsx
index 1f16d86..2ecb2a8 100644
--- a/src/pages/Login/LoginPage.tsx
+++ b/src/pages/Login/LoginPage.tsx
@@ -1,3 +1,6 @@
+import KaKao from "@/assets/images/kakao.png";
+import Apple from "@/assets/images/apple.png";
+
 export const LoginPage = () => {
   const handleKakaoLogin = () => {
     window.location.href =
@@ -21,19 +24,11 @@ export const LoginPage = () => {
             className="w-80 bg-kakao h-13 text-black rounded-xl body-r-16 flex gap-2 items-center justify-center cursor-pointer"
             onClick={handleKakaoLogin}
           >
-            <img
-              src="/src/assets/images/kakao.png"
-              alt="kakao login"
-              className="size-7"
-            />
+            <img src={KaKao} alt="kakao login" className="size-7" />
             카카오 로그인
           </button>
           <button className="w-80 bg-black h-13 text-white rounded-xl body-r-16 flex gap-2 items-center justify-center cursor-pointer">
-            <img
-              src="/src/assets/images/apple.png"
-              alt="apple login"
-              className="size-7 "
-            />
+            <img src={Apple} alt="apple login" className="size-7 " />
             Apple 로그인
           </button>
         </div>
diff --git a/src/shared/Header.tsx b/src/shared/Header.tsx
index bf3d645..df3be62 100644
--- a/src/shared/Header.tsx
+++ b/src/shared/Header.tsx
@@ -1,5 +1,6 @@
 import { useNavigate } from "react-router-dom";
 import { cn } from "../utils/cn";
+import Logo from "@/assets/images/logo.png";
 
 interface HeaderProps {
   className?: string;
@@ -12,7 +13,7 @@ export const Header = ({ className }: HeaderProps) => {
       className={cn("flex gap-2 items-center pb-23  w-full  ", className)}
     >
       <img
-        src="/src/assets/images/logo.png"
+        src={Logo}
         alt="로고"
         className="w-35 h-12 cursor-pointer"
         onClick={() => navigate("/")}