2 files changed, 16 insertions, 6 deletions
diff --git a/src/components/molecules/nav/nav-list.stories.tsx b/src/components/molecules/nav/nav-list.stories.tsx
index 110a6ca..baaa8df 100644
--- a/src/components/molecules/nav/nav-list.stories.tsx
+++ b/src/components/molecules/nav/nav-list.stories.tsx
@@ -1,5 +1,5 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Envelop, Home } from '../../atoms';
+import { Icon } from '../../atoms';
 import { NavList, type NavItem } from './nav-list';
 
 /**
@@ -78,8 +78,13 @@ const Template: ComponentStory<typeof NavList> = (args) => (
 );
 
 const MainNavItems: NavItem[] = [
-  { id: 'homeLink', href: '/', label: 'Home', logo: <Home /> },
-  { id: 'contactLink', href: '/contact', label: 'Contact', logo: <Envelop /> },
+  { id: 'homeLink', href: '/', label: 'Home', logo: <Icon shape="home" /> },
+  {
+    id: 'contactLink',
+    href: '/contact',
+    label: 'Contact',
+    logo: <Icon shape="envelop" />,
+  },
 ];
 
 const FooterNavItems: NavItem[] = [
diff --git a/src/components/molecules/nav/nav-list.test.tsx b/src/components/molecules/nav/nav-list.test.tsx
index 58437cb..8524e22 100644
--- a/src/components/molecules/nav/nav-list.test.tsx
+++ b/src/components/molecules/nav/nav-list.test.tsx
@@ -1,11 +1,16 @@
 import { describe, expect, it } from '@jest/globals';
 import { render, screen as rtlScreen } from '../../../../tests/utils';
-import { Envelop, Home } from '../../atoms';
+import { Icon } from '../../atoms';
 import { NavList, type NavItem } from './nav-list';
 
 const navItems: NavItem[] = [
-  { id: 'homeLink', href: '/', label: 'Home', logo: <Home /> },
-  { id: 'contactLink', href: '/contact', label: 'Contact', logo: <Envelop /> },
+  { id: 'homeLink', href: '/', label: 'Home', logo: <Icon shape="home" /> },
+  {
+    id: 'contactLink',
+    href: '/contact',
+    label: 'Contact',
+    logo: <Icon shape="envelop" />,
+  },
 ];
 
 describe('Nav', () => {