diff --git a/web/src/components/index/card.astro b/web/src/components/index/card.astro
index d9c80db..139bb32 100644
--- a/web/src/components/index/card.astro
+++ b/web/src/components/index/card.astro
@@ -15,7 +15,7 @@ const { id, title, description, tags, image } = Astro.props
         <p id="recipe-name" class="text-[14pt] text-white opacity-90 font-bold line-clamp-1" >{title}</p>
         <!-- <p id="recipe-desc" class="text-white text-[10pt]"> {recipe.description} </p> -->
 
-        <div id="tag-row" class="">
+        <div id="tag-row" class="line-clamp-1">
             <TagRow tags={tags}/>
         </div>
     </div>