diff --git a/src/Themes/OapTheme/Views/Layout.liquid b/src/Themes/OapTheme/Views/Layout.liquid
index 5975681..1f72a86 100644
--- a/src/Themes/OapTheme/Views/Layout.liquid
+++ b/src/Themes/OapTheme/Views/Layout.liquid
@@ -2,87 +2,91 @@
 <html lang="{{ Culture.Name }}">
 
 <head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-  <title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
+	<title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
 
-  {% resources type: "Meta" %}
+	{% resources type: "Meta" %}
 
-  {% link type: "image/x-icon", rel: "shortcut icon", href: "~/OapTheme/assets/favicon.ico" %}
+	{% link type: "image/x-icon", rel: "shortcut icon", href: "~/OapTheme/assets/favicon.ico" %}
 
-  {% style name: "oaptheme" %}
+	{% style name: "oaptheme-styles" %}
 
-  {% resources type: "HeadLink" %}
-    <script src="https://cdn.tailwindcss.com"></script>
-    <style type="text/tailwindcss">
-        div.richtext a {
-            @apply text-blue-700 underline;
-        }
-        div.richtext ol, div.richtext ul {
-            @apply my-2 pl-8;
-        }
-        div.richtext ol li {
-            @apply list-decimal my-1;
-        }
-        div.richtext ul li {
-            @apply list-disc my-1;
-        }
-        div.richtext p {
-            @apply my-4;
-        }
-        div.richtext .red {
-            @apply text-red-500;
-        }
-        
-        span.field-validation-error {
-            @apply text-sm text-red-600;
-        }
-    </style>
-  {% resources type: "Stylesheet" %}
-  {% resources type: "HeadScript" %}
+	{% resources type: "HeadLink" %}
+	<script src="https://cdn.tailwindcss.com"></script>
+	<style type="text/tailwindcss">
+		div.richtext a {
+			@apply text-blue-700 underline;
+		}
+
+		div.richtext ol, div.richtext ul {
+			@apply my-2 pl-8;
+		}
+
+			div.richtext ol li {
+				@apply list-decimal my-1;
+			}
+
+			div.richtext ul li {
+				@apply list-disc my-1;
+			}
+
+		div.richtext p {
+			@apply my-4;
+		}
+
+		div.richtext .red {
+			@apply text-red-500;
+		}
+
+		span.field-validation-error {
+			@apply text-sm text-red-600;
+		}
+	</style>
+	{% resources type: "Stylesheet" %}
+	{% resources type: "HeadScript" %}
 </head>
 
 <body dir="{{ Culture.Dir }}">
-  <header>
-    <div class="container">
-      <div class="d-flex justify-content-between align-item-center">
-        <a href="/" class="d-flex justify-content-start align-items-center me-2 text-decoration-none" title="Home">
-          <img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
-            width="40" height="40" />
-          <span class="ms-2">{{ Site.SiteName }}</span>
-        </a>
-        <div class="d-none d-sm-flex flex-column justify-content-around ms-2">
-          <small>{{ Site.Tagline }}</small>
-        </div>
-      </div>
-    </div>
-  </header>
+	<header>
+		<div class="container">
+			<div class="d-flex justify-content-between align-item-center">
+				<a href="/" class="d-flex justify-content-start align-items-center me-2 text-decoration-none" title="Home">
+					<img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
+						 width="40" height="40" />
+					<span class="ms-2">{{ Site.SiteName }}</span>
+				</a>
+				<div class="d-none d-sm-flex flex-column justify-content-around ms-2">
+					<small>{{ Site.Tagline }}</small>
+				</div>
+			</div>
+		</div>
+	</header>
 
-    <main class="container mx-auto flex flex-col max-w-screen-md p-6">
-      {% render_body %}
-    </main>
+	<main class="container mx-auto flex flex-col max-w-screen-md p-6">
+		{% render_body %}
+	</main>
 
-    <footer class="container mx-auto flex flex-row max-w-screen-md p-6">
-        {% assign year = "now" | date: "%Y" %}
-        <span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights reserved.</span>
-    </footer>
+	<footer class="container mx-auto flex flex-row max-w-screen-md p-6">
+		{% assign year = "now" | date: "%Y" %}
+		<span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights reserved.</span>
+	</footer>
 
-  <footer class="footer">
-    <div class="container">
-      <hr />
-      <small>
-        &copy;
-        {% assign year = "now" | date: "%Y" %}
-        <time dateTime="{{ year }}">{{ year }}</time>
-        All rights reserved.
-      </small>
-    </div>
-  </footer>
+	<footer class="footer">
+		<div class="container">
+			<hr />
+			<small>
+				&copy;
+				{% assign year = "now" | date: "%Y" %}
+				<time dateTime="{{ year }}">{{ year }}</time>
+				All rights reserved.
+			</small>
+		</div>
+	</footer>
 
-  {% resources type: "FootScript" %}
+	{% resources type: "FootScript" %}
 </body>
-</head>
 
 </html>
 
