diff --git a/pages/index.tsx b/pages/index.tsx
index 0d2839418..1359f7e22 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -13,7 +13,7 @@ export default function Home() {
       <ButtonCommon size={ButtonSize.large} icon={<IconBuy/>}>{ButtonSize.large} - Button default large</ButtonCommon>
       <ButtonCommon icon={<IconBuy/>} disabled isIconSuffix={true}>Button with icon disabled</ButtonCommon>
       <ButtonCommon icon={<IconBuy/>} type={ButonType.light}>Button with icon</ButtonCommon>
-      <ViewAllItem />
+      <ViewAllItem link="/all"/>
       <ItemWishList isActive={false} />
       <Logo />
       <p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p>
diff --git a/src/components/common/ViewAllItem/ViewAllItem.tsx b/src/components/common/ViewAllItem/ViewAllItem.tsx
index b9d4e4efe..5472525ac 100644
--- a/src/components/common/ViewAllItem/ViewAllItem.tsx
+++ b/src/components/common/ViewAllItem/ViewAllItem.tsx
@@ -3,13 +3,13 @@ import s from './ViewAllItem.module.scss'
 import Link from 'next/link'
 
 interface Props {
-    link?: string
+    link: string
 }
 
 const ViewAllItem = ({ link }: Props) => {
     return(
         <div className={s.viewAll}>
-            <Link href={"/all"}>
+            <Link href={link}>
                 <a className={s.conTent}>
                     View All
                 </a>