diff --git a/src/compounds/Item/Item.jsx b/src/compounds/Item/Item.jsx
index 9b122c3..f10f10a 100644
--- a/src/compounds/Item/Item.jsx
+++ b/src/compounds/Item/Item.jsx
@@ -29,7 +29,7 @@ const Item = ({ buttonLink, buttonProps, href, isLoading, item, orientation, tit
   if (withTitleLink || withButtonLink) link = titleLink || buttonLink || href
 
   return (
-    <Card key={id} style={{ width: `${width}` }} className={`h-100${orientation === 'horizontal' ? ' mb-4' : ''}`}>
+    <Card key={id} style={{ width: `${width}` }} className={`h-100${orientation === 'horizontal' ? ' mb-4' : ''}`} data-cy='item-card'>
       {orientation === 'horizontal' ? (
         <div className='row g-0 h-100'>
           <div className='col-3'>
diff --git a/src/compounds/Item/ItemLoading.jsx b/src/compounds/Item/ItemLoading.jsx
index 2aaa4f3..0377e80 100644
--- a/src/compounds/Item/ItemLoading.jsx
+++ b/src/compounds/Item/ItemLoading.jsx
@@ -4,7 +4,7 @@ import { Card, Placeholder } from 'react-bootstrap'
 import './item.scss'
 
 const CardBodyLoading = ({ withButtonLink }) => (
-  <Card.Body className={withButtonLink && 'd-flex flex-column'}>
+  <Card.Body className={withButtonLink && 'd-flex flex-column'} data-cy='item-loading'>
     <Placeholder as={Card.Title} animation='glow'>
       <Placeholder xs={6} />
     </Placeholder>