diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
index 18d3f53f8..9497b6cff 100644
--- a/frontend/src/components/Header/Header.tsx
+++ b/frontend/src/components/Header/Header.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
-import logoIcon from '../../assets/images/logo.png';
-import newTemplateIcon from '../../assets/images/newTemplate.png';
+import logoIcon from '@/assets/images/logo.png';
+import newTemplateIcon from '@/assets/images/newTemplate.png';
 import { Button } from '../Button';
 import { Flex } from '../Flex';
 import { Input } from '../Input';
diff --git a/frontend/src/components/Input/Input.tsx b/frontend/src/components/Input/Input.tsx
index 0ec62cc1e..f03ed0ce2 100644
--- a/frontend/src/components/Input/Input.tsx
+++ b/frontend/src/components/Input/Input.tsx
@@ -1,4 +1,4 @@
-import searchIcon from '../../assets/images/search.png';
+import searchIcon from '@/assets/images/search.png';
 import * as S from './style';
 
 export interface Props {