diff --git a/OliverBooth/Pages/Blog/Index.cshtml b/OliverBooth/Pages/Blog/Index.cshtml
index 518bab7..be94910 100644
--- a/OliverBooth/Pages/Blog/Index.cshtml
+++ b/OliverBooth/Pages/Blog/Index.cshtml
@@ -2,11 +2,7 @@
 @model OliverBooth.Pages.Blog.Index
 
 <div id="all-blog-posts">
-    <div id="blog-loading-spinner" class="d-flex justify-content-center">
-        <div class="spinner-border text-light" role="status">
-            <p class="text-center sr-only">Loading...</p>
-        </div>
-    </div>
+    @await Html.PartialAsync("_LoadingSpinner")
 </div>
 
 <script id="blog-post-template" type="text/x-handlebars-template">
diff --git a/OliverBooth/Pages/Shared/_Layout.cshtml b/OliverBooth/Pages/Shared/_Layout.cshtml
index d7a4fea..330faf9 100644
--- a/OliverBooth/Pages/Shared/_Layout.cshtml
+++ b/OliverBooth/Pages/Shared/_Layout.cshtml
@@ -74,6 +74,10 @@
 <script src="~/js/prism.min.js" asp-append-version="true" data-manual></script>
 <script src="~/js/app.min.js" asp-append-version="true"></script>
 
+<script id="loading-spinner-template" type="text/x-handlebars-template">
+    @await Html.PartialAsync("_LoadingSpinner")
+</script>
+
 @await RenderSectionAsync("Scripts", required: false)
 </body>
 </html>
\ No newline at end of file
diff --git a/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml b/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml
new file mode 100644
index 0000000..9b421f3
--- /dev/null
+++ b/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml
@@ -0,0 +1,5 @@
+<div id="blog-loading-spinner" class="d-flex justify-content-center">
+    <div class="spinner-border text-light" role="status">
+        <p class="text-center sr-only">Loading...</p>
+    </div>
+</div>
\ No newline at end of file