diff --git a/lib/memex_web/components/context_content.ex b/lib/memex_web/components/context_content.ex
index 1eac146..848dc5f 100644
--- a/lib/memex_web/components/context_content.ex
+++ b/lib/memex_web/components/context_content.ex
@@ -39,6 +39,7 @@ defmodule MemexWeb.Components.ContextContent do
         "</p>#{link}<p class=\"inline\">"
       end
     )
+    |> String.replace("\n", "<br>")
     |> HTML.raw()
   end
 end
diff --git a/lib/memex_web/components/note_content.ex b/lib/memex_web/components/note_content.ex
index c2a697a..04c9aa0 100644
--- a/lib/memex_web/components/note_content.ex
+++ b/lib/memex_web/components/note_content.ex
@@ -39,6 +39,7 @@ defmodule MemexWeb.Components.NoteContent do
         "</p>#{link}<p class=\"inline\">"
       end
     )
+    |> String.replace("\n", "<br>")
     |> HTML.raw()
   end
 end
diff --git a/lib/memex_web/components/step_content.ex b/lib/memex_web/components/step_content.ex
index 75a8595..aa1b79d 100644
--- a/lib/memex_web/components/step_content.ex
+++ b/lib/memex_web/components/step_content.ex
@@ -39,6 +39,7 @@ defmodule MemexWeb.Components.StepContent do
         "</p>#{link}<p class=\"inline\">"
       end
     )
+    |> String.replace("\n", "<br>")
     |> HTML.raw()
   end
 end