diff --git a/frontend/src/components/ui/MenuCard/MenuCard.tsx b/frontend/src/components/ui/MenuCard/MenuCard.tsx
index 1bb5acd..9c7a001 100644
--- a/frontend/src/components/ui/MenuCard/MenuCard.tsx
+++ b/frontend/src/components/ui/MenuCard/MenuCard.tsx
@@ -26,7 +26,7 @@ const MenuCard = ({ Menu }: any) => {
 
   return (
     <div className="grid qhd:grid-cols-5 desktop:grid-cols-4 tablet:grid-cols-3 md:grid-cols-2 grid-cols-1 grid-auto-rows-max gap-y-6 md:gap-x-6 justify-center w-full">
-      {Menu.map((menu_item: any) => {
+      {Menu.map((menu_item: any, index: number) => {
         return (
           <Card
             key={menu_item.id}
@@ -54,7 +54,7 @@ const MenuCard = ({ Menu }: any) => {
                   quality={75}
                   sizes="(max-width: 325px) 100vw, (max-width: 1200px) 50vw, 33vw"
                   className="flex"
-                  onClick={() => router.push(`/products/${menu_item.id}`)}
+                  onClick={() => router.push(`/products/${index}`)}
                 />
               </div>
             </div>