diff --git a/backend/views/index.ejs b/backend/views/index.ejs
index 988bccd..771d9e2 100644
--- a/backend/views/index.ejs
+++ b/backend/views/index.ejs
@@ -28,7 +28,7 @@
         <% recipes.forEach(recipe => { %>
         <div class="recipe-card">
           <h2><%= recipe.title %></h2>
-          <pre><%= recipe.content %></pre>
+          <p><%- recipe.content.replace(/\n/g, "<br />") %></p>
         </div>
         <% }) %>
       </section>