diff --git a/templates/components/makoto-styling.html b/templates/components/makoto-styling.html
index 2c86598..aeb7ec5 100644
--- a/templates/components/makoto-styling.html
+++ b/templates/components/makoto-styling.html
@@ -20,6 +20,10 @@
     border-radius: 3px;
   }
 
+  pre {
+    white-space: pre-wrap;
+  }
+
   img {
     max-width: 85%;
   }
diff --git a/templates/post.html b/templates/post.html
index d463fca..b6278aa 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -24,15 +24,12 @@
       </div>
       <div id="post-md">
         [[ for:post.md_lines:line ]]
-          [[ line ]]
-          [[ if:line ]]
-            <br>
-          [[ endif ]]
+          <p><pre>[[ line ]]</pre></p>
         [[ endfor ]]
       </div>
       [[ if:post.slug:!next_post.slug ]]
         <div id="next-post-container">
-            <a href="/posts/[[ next_post.slug ]]">Next Post: [[ next_post.title ]]</a>
+          <a href="/posts/[[ next_post.slug ]]">Next Post: [[ next_post.title ]]</a>
         </div>
         [[ endif ]]
       [[ component:makoto-styling ]]