From ea03e683d42587fc6fa47466fd2b34049aab2615 Mon Sep 17 00:00:00 2001
From: Eduardo Liron <eduardoliron@gmail.com>
Date: Tue, 29 Aug 2023 10:04:16 -0300
Subject: [PATCH] fix(item): elipsis text

---
 src/components/Item.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Item.tsx b/src/components/Item.tsx
index e679958..9ac08a1 100644
--- a/src/components/Item.tsx
+++ b/src/components/Item.tsx
@@ -35,7 +35,7 @@ function Item(props: FoodObject) {
               top={0}
               fontSize="max(1rem, min(4.5vw, 3rem))"
               fontWeight={400}
-              sx={{ p: "0.25em", transform: "translateY(-20%)" }}
+              sx={{ p: "0.25em", transform: "translateY(-20%)", overflow: "hidden", textOverflow: "ellipsis" }}
             >
               {t(props.description[0].name)}
             </Typography>