From 87242aaea10273c17bf573d1954181fb975685a0 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Thu, 26 Mar 2026 22:27:19 -0400
Subject: [PATCH] fix heading formatting when multiline

---
 src/lib/components/markdown/Heading1.svelte | 2 +-
 src/lib/components/markdown/Heading2.svelte | 2 +-
 src/lib/components/markdown/Heading3.svelte | 2 +-
 src/lib/components/markdown/Heading4.svelte | 2 +-
 src/lib/components/markdown/Heading5.svelte | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/markdown/Heading1.svelte b/src/lib/components/markdown/Heading1.svelte
index e1c083f..6dd79da 100644
--- a/src/lib/components/markdown/Heading1.svelte
+++ b/src/lib/components/markdown/Heading1.svelte
@@ -11,7 +11,7 @@
 <h1
 	{...props}
 	class={twMerge(
-		'before:border-l-primary bg-base-200/60 my-3 w-full overflow-hidden rounded-lg py-2 text-3xl font-light before:mr-4 before:border-l-6 before:py-8',
+		'before:border-l-primary bg-base-200/40 relative my-3 w-full overflow-hidden rounded-lg py-2 pl-4 text-3xl font-light before:absolute before:top-0 before:left-0 before:h-full before:border-l-6 before:py-8',
 		clsx(className)
 	)}
 >
diff --git a/src/lib/components/markdown/Heading2.svelte b/src/lib/components/markdown/Heading2.svelte
index 8d645ea..910fbbb 100644
--- a/src/lib/components/markdown/Heading2.svelte
+++ b/src/lib/components/markdown/Heading2.svelte
@@ -11,7 +11,7 @@
 <h2
 	{...props}
 	class={twMerge(
-		'before:border-l-secondary bg-base-200/60 my-3 w-full overflow-hidden rounded-lg py-2 text-2xl font-light before:mr-4 before:border-l-6 before:py-8',
+		'before:border-l-secondary bg-base-200/40 relative my-3 w-full overflow-hidden rounded-lg py-2 pl-4 text-2xl font-light before:absolute before:top-0 before:left-0 before:h-full before:border-l-6 before:py-8',
 		clsx(className)
 	)}
 >
diff --git a/src/lib/components/markdown/Heading3.svelte b/src/lib/components/markdown/Heading3.svelte
index c685036..4699ebb 100644
--- a/src/lib/components/markdown/Heading3.svelte
+++ b/src/lib/components/markdown/Heading3.svelte
@@ -11,7 +11,7 @@
 <h3
 	{...props}
 	class={twMerge(
-		'before:border-l-accent bg-base-200/60 my-3 w-full overflow-hidden rounded-lg py-2 text-xl font-light before:mr-4 before:border-l-6 before:py-8',
+		'before:border-l-accent bg-base-200/40 relative my-3 w-full overflow-hidden rounded-lg py-2 pl-4 text-xl font-light before:absolute before:top-0 before:left-0  before:h-full before:border-l-6 before:py-8',
 		clsx(className)
 	)}
 >
diff --git a/src/lib/components/markdown/Heading4.svelte b/src/lib/components/markdown/Heading4.svelte
index fdaaa2c..f548d3a 100644
--- a/src/lib/components/markdown/Heading4.svelte
+++ b/src/lib/components/markdown/Heading4.svelte
@@ -11,7 +11,7 @@
 <h4
 	{...props}
 	class={twMerge(
-		'before:border-l-neutral bg-base-200/60 my-3 w-full overflow-hidden rounded-lg py-2 text-lg before:mr-4 before:border-l-6 before:py-8',
+		'before:border-l-neutral bg-base-200/40 relative my-3 w-full overflow-hidden rounded-lg py-2 pl-4 text-lg before:absolute before:top-0 before:left-0 before:h-full before:border-l-6 before:py-8',
 		clsx(className)
 	)}
 >
diff --git a/src/lib/components/markdown/Heading5.svelte b/src/lib/components/markdown/Heading5.svelte
index ab94e5b..6e24f25 100644
--- a/src/lib/components/markdown/Heading5.svelte
+++ b/src/lib/components/markdown/Heading5.svelte
@@ -11,7 +11,7 @@
 <h5
 	{...props}
 	class={twMerge(
-		'before:border-l-neutral bg-base-200/60 my-3 w-full overflow-hidden rounded-lg py-2 before:mr-4 before:border-l-6 before:py-8',
+		'before:border-l-neutral bg-base-200/40 relative my-3 w-full overflow-hidden rounded-lg py-2 pl-4 before:absolute before:top-0 before:left-0 before:h-full before:border-l-6 before:py-8',
 		clsx(className)
 	)}
 >