diff --git a/js/views/RecipeList.js b/js/views/RecipeList.js
index 491b358..bba4156 100644
--- a/js/views/RecipeList.js
+++ b/js/views/RecipeList.js
@@ -60,7 +60,7 @@ function getFilteredRecipes() {
 function renderRecipeCard(recipe) {
     const labels = slotLabelsFor(recipe);
     return `
-        <div data-recipe-id="${escapeHtml(recipe.id)}" onclick="openRecipeDetail('${escapeHtml(recipe.id)}')" class="recipe-card rounded-xl overflow-hidden flex flex-col bg-[#393937] cursor-pointer transition-shadow" style="background:#393937 !important; border:none !important; box-shadow:none !important;">
+        <div data-recipe-id="${escapeHtml(recipe.id)}" onclick="openRecipeDetail('${escapeHtml(recipe.id)}')" class="recipe-card rounded-xl overflow-hidden flex flex-col bg-[#393937] cursor-pointer transition-shadow" style="background:#393937 !important; border:none !important; box-shadow:0 2px 8px rgba(0,0,0,0.28) !important;">
             <div class="h-32 bg-[#d4d4d4] relative overflow-hidden">
                 ${recipe.image
                     ? `<img src="${escapeHtml(recipe.image)}" alt="${escapeHtml(recipe.title)}" class="w-full h-full object-cover">`