diff --git a/components/Card.tsx b/components/Card.tsx
index 0848322..14f22b7 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -69,8 +69,8 @@ export function Card(
           {/* Recipe Card content */}
         </div>
         <div
-          class="mt-2 flex items-center gap-2"
-          style={{ textShadow: "0px 0px 10px black" }}
+          class="truncate mt-2 flex gap-2"
+          style={{ maxHeight: "50%",textShadow: "0px 0px 10px black"  }}
         >
           {isYoutubeLink(link || "") && <IconBrandYoutube />}
           {title}