diff --git a/client/src/components/Card/FeaturedCard/CategoryCard.js b/client/src/components/Card/FeaturedCard/CategoryCard.js
index bc65cc9b..58ec8bf5 100644
--- a/client/src/components/Card/FeaturedCard/CategoryCard.js
+++ b/client/src/components/Card/FeaturedCard/CategoryCard.js
@@ -5,9 +5,13 @@ import { Button } from '@mui/material';
 const CategoryCard = (props) => { 
     return ( 
         <div className="category__card__card">
+                
+                <Link to={props.data.url}>
                 <div className="category__image"> 
                    <img src= {props.data.image} alt="" className="product__img"/> 
                 </div>
+                </Link>
+                
                 <div className="category__card__detail">
                     <div className="category__name">
                         {/* <span>{props.data.name}</span> */}
diff --git a/client/src/components/Card/ItemCard/ItemCard.js b/client/src/components/Card/ItemCard/ItemCard.js
index 00b55f97..1c6bc99d 100644
--- a/client/src/components/Card/ItemCard/ItemCard.js
+++ b/client/src/components/Card/ItemCard/ItemCard.js
@@ -168,9 +168,10 @@ const ItemCard = (props) => {
     };
 
     return (
-        <>
-            <div className="product__card__card">
-                <div className="product__card">
+        <div className="product__card__card">
+            <div className="product__card">
+
+                    <Link to={`/item/${props.item.category}/${props.item._id}`}>
                     <div
                         className="product__image"
                         onMouseEnter={() => setIsHovered(true)}
@@ -182,6 +183,8 @@ const ItemCard = (props) => {
                             <img src={getImageUrl(props.item.image[0])} alt="item" className="product__img" />
                         )}
                     </div>
+                    </Link>
+
                     <div className="product__card__detail">
                         <div className="product__name">
                             <Link to={`/item/${props.item.category}/${props.item._id}`}>