diff --git a/src/components/RecipeCard.vue b/src/components/RecipeCard.vue
index 04aa4f2ca15d9e0931ce86ba66f0d0ecf2230bba..1d6cdc9cbf139b28b9e85d701ca3ae04f5f05d38 100644
--- a/src/components/RecipeCard.vue
+++ b/src/components/RecipeCard.vue
@@ -11,7 +11,6 @@ export default {
 
 <template>
     <div class="recipe_card">
-        <img class="recipe_img" src="/dish-placeholder.png" :alt="`Bilde av {recipe.title}`">
         <div class="recipe_details">
             <div class="title">
                 <h2>{{ recipe.title }}</h2>
@@ -29,11 +28,9 @@ export default {
 @import "../style.scss";
 
 .recipe_card {
-    display: flex;
-    flex-direction: column;
     align-content: center;
 
-    height: 15rem;
+    height: 5rem;
     max-width: 30rem;
     gap: .5rem;
     margin-inline: .4rem;
@@ -57,6 +54,7 @@ export default {
 }
 
 .recipe_details {
+    margin-top: .4em;
     margin-inline: 1em;
 
     display: flex;