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)
 	)}
 >