diff --git a/src/Elastic.Markdown/Assets/markdown/typography.css b/src/Elastic.Markdown/Assets/markdown/typography.css
index c8fa50e73..7fb231704 100644
--- a/src/Elastic.Markdown/Assets/markdown/typography.css
+++ b/src/Elastic.Markdown/Assets/markdown/typography.css
@@ -11,31 +11,26 @@
 
 		@apply text-4xl text-ink-dark font-bold mt-10;
 		line-height: 1.2em;
-		letter-spacing: -0.04em;
 	}
 	
 	h3 {
 		@apply text-2xl text-ink-dark font-bold mt-8;
 		line-height: 1.2em;
-		letter-spacing: -0.04em;
 	}
 
 	h4 {
 		@apply text-xl text-ink-dark font-bold mt-8;
 		line-height: 1.2em;
-		letter-spacing: -0.04em;
 	}
 
 	h5 {
 		@apply text-base text-ink-dark font-bold mt-8;
 		line-height: 1.2em;
-		letter-spacing: -0.04em;
 	}
 
 	h6 {
 		@apply text-sm text-ink-dark font-bold mt-8;
 		line-height: 1.2em;
-		letter-spacing: -0.04em;
 	}
 	
 	h1, h2, h3, h4, h5, h6 {
@@ -47,9 +42,8 @@
 	
 	p {
 		@apply mt-4;
-		letter-spacing: 0;
 		line-height: 1.5em;
-		/*text-wrap: pretty;*/
+		text-wrap: pretty;
 	}
 	
 	a {
diff --git a/src/Elastic.Markdown/Assets/styles.css b/src/Elastic.Markdown/Assets/styles.css
index 5bccadc70..eac2a3991 100644
--- a/src/Elastic.Markdown/Assets/styles.css
+++ b/src/Elastic.Markdown/Assets/styles.css
@@ -125,8 +125,7 @@
 				md:text-sm
 				text-wrap
 				inline-block
-			    leading-[1.3em]
-			    tracking-[-0.02em]
+			    leading-[1.2em]
 		}
 	}
 	
diff --git a/src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml b/src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml
index ee9aec865..c56dfb5b6 100644
--- a/src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml
+++ b/src/Elastic.Markdown/Slices/Layout/_Breadcrumbs.cshtml
@@ -1,7 +1,7 @@
 @using Elastic.Markdown.Helpers
 @inherits RazorSlice<LayoutViewModel>
 <ol id="breadcrumbs" class="block items-center w-full py-6" itemscope="" itemtype="https://schema.org/BreadcrumbList">
-	<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+	<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
 		<a
 			itemprop="item"
 			href="@Model.Link("/")"
@@ -17,7 +17,7 @@
 	}
 	@if (firstCrumb != null)
 	{
-		<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+		<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
 			<span class="px-1">/</span>
 			<a
 				itemprop="item"
@@ -35,7 +35,7 @@
 
 	@if (crumbs.Count < Model.Parents.Reverse().Skip(2).Count())
 	{
-		<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+		<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
 			<span class="px-1">/</span>
 			…
 		</li>
@@ -44,7 +44,7 @@
 	@for (var i = 0; i < crumbs.Count; i++)
 	{
 	    var item = crumbs[i];
-		<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em] text-pretty" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+		<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
 			<span class="px-1">/</span>
 			<a
 				itemprop="item" 
@@ -56,7 +56,7 @@
 			<meta itemprop="position" content="@(i+3)">
 		</li>
 	}
-	<li class="inline text-ink-light text-sm leading-[1.2em] tracking-[-0.02em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
+	<li class="inline text-ink-light text-sm leading-[1.2em]" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
 		<span class="px-1">/</span>
 	</li>
 </ol>
diff --git a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
index 4972a40b8..fb8cce86e 100644
--- a/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
+++ b/src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml
@@ -25,7 +25,7 @@
 
 	<section class="w-screen px-8 lg:px-6">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold text-3xl text-ink-dark">How-to guides</h2>
+			<h2 class="font-bold font-sans text-3xl text-ink-dark">How-to guides</h2>
 			<div class="grid md:grid-cols-2 xl:grid-cols-4 gap-6 mt-6">
 				<div class="grow rounded-xl border-1 border-grey-20 p-6">
 					<div class="flex gap-6 h-full">
@@ -85,7 +85,7 @@
 
 	<section class="w-screen px-8 lg:px-6 bg-grey-10">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold text-3xl text-ink-dark">Elastic products</h2>
+			<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
 			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
 				<div class="grow rounded-xl border-1 border-grey-20 p-6 bg-white">
 					<div class="flex gap-6 h-full">
@@ -130,10 +130,10 @@
 
 	<section class="w-screen px-8 lg:px-6">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold text-3xl text-ink-dark">References</h2>
+			<h2 class="font-bold font-sans text-3xl text-ink-dark">References</h2>
 			<div class="mt-6 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
 				<div class="flex flex-col rounded-xl bg-white border-1 border-grey-20 p-6">
-					<h3 class="font-sans font-bold text-ink-dark text-2xl">Elastic APIs</h3>
+					<h3 class="font-bold font-sans text-ink-dark text-2xl">Elastic APIs</h3>
 					<p class="grow mt-3">Browse the API documentation.</p>
 					<ul>
 						<li class="mt-3">
@@ -267,7 +267,7 @@
 
 	<section class="w-screen px-8 lg:px-6 bg-grey-10">
 		<div class="container mx-auto py-16">
-			<h2 class="font-bold text-3xl text-ink-dark">Product resources</h2>
+			<h2 class="font-bold font-sans text-3xl text-ink-dark">Product resources</h2>
 			<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
 				<div class="flex flex-col rounded-xl bg-black text-white p-6">
 					<h3 class="font-sans font-bold text-2xl">Releases</h3>
@@ -349,7 +349,7 @@
 			<div class="rounded-xl border-1 border-grey-20 px-12 py-8 grid lg:grid-cols-[auto_1fr_auto] gap-12 items-center justify-center text-center lg:text-left">
 				<img loading="lazy" class="mx-auto" alt="Elastic Community logo" src="@Model.Static("community-logo.png")" />
 				<div>
-					<h2 class="font-sans font-semibold text-4xl text-black -tracking-[0.04em] leading-[1.2em]">Welcome to our community of developers</h2>
+					<h2 class="font-semibold font-sans text-4xl text-black leading-[1.2em]">Welcome to our community of developers</h2>
 					<p class="mt-2">Learn from your peers and share code examples.</p>
 				</div>
 				<a href="https://discuss.elastic.co" target="_blank" rel="noopener noreferrer" class="grow cursor-pointer text-blue-elastic hover:text-blue-elastic-100 text-nowrap border-2 border-blue-elastic hover:border-blue-elastic-100 focus:ring-4 focus:outline-none focus:ring-blue-300 font-semibold rounded-sm px-6 py-2.5 text-center h-10 flex items-center justify-center">