diff --git a/src/components/Categories/categories.js b/src/components/Categories/categories.js
index 948050b..e281589 100644
--- a/src/components/Categories/categories.js
+++ b/src/components/Categories/categories.js
@@ -12,7 +12,7 @@ function Categories(props) {
                     CategoryCard({
                         category,
                     })
-                ))
+                )).join('')
             }
             </div>
         </div>
diff --git a/src/components/RecipeCard/recipecard.js b/src/components/RecipeCard/recipecard.js
index 2d2a6e1..bd247c8 100644
--- a/src/components/RecipeCard/recipecard.js
+++ b/src/components/RecipeCard/recipecard.js
@@ -33,7 +33,7 @@ export default function RecipeCard(props) {
                                     <div class="recipe-card-star">
                                     </div>
                                     `
-                                ))
+                                )).join('')
                             }
                         </div>
                     </div>
@@ -58,7 +58,7 @@ export default function RecipeCard(props) {
                                 }
                             </div>
                             `
-                        ))
+                        )).join('')
                     }
 
                 </div>
diff --git a/src/components/Recipes/recipes.js b/src/components/Recipes/recipes.js
index 8ac5ba7..336ff44 100644
--- a/src/components/Recipes/recipes.js
+++ b/src/components/Recipes/recipes.js
@@ -11,7 +11,7 @@ function Recipes(props) {
                     RecipeCard({
                         recipe,
                     })
-                ))
+                )).join('')
             }
         </div>
         `