From 31c4a23b8a3ff8c32f99c4c6c4b769eae363d1fd Mon Sep 17 00:00:00 2001
From: oxwazz <muhammad.rahmahalim@gmail.com>
Date: Sun, 3 Nov 2024 17:35:19 +0700
Subject: [PATCH] fix: header styling

---
 src/components/custom-mdx/Heading-1.astro | 4 ++--
 src/components/custom-mdx/Heading-2.astro | 4 ++--
 src/components/custom-mdx/Heading-3.astro | 4 ++--
 src/components/custom-mdx/Heading-4.astro | 4 ++--
 src/components/custom-mdx/Heading-5.astro | 4 ++--
 src/components/custom-mdx/Heading-6.astro | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/custom-mdx/Heading-1.astro b/src/components/custom-mdx/Heading-1.astro
index f21dda7..3419323 100644
--- a/src/components/custom-mdx/Heading-1.astro
+++ b/src/components/custom-mdx/Heading-1.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h1 id={props.id} class="group mt-0 flex items-center gap-2 text-2xl capitalize">
+<h1 id={props.id} class="group mt-0 text-2xl capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"
diff --git a/src/components/custom-mdx/Heading-2.astro b/src/components/custom-mdx/Heading-2.astro
index dce3577..a0648c2 100644
--- a/src/components/custom-mdx/Heading-2.astro
+++ b/src/components/custom-mdx/Heading-2.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h2 id={props.id} class="group mt-0 flex items-center gap-2 text-xl capitalize">
+<h2 id={props.id} class="group mt-0 text-xl capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"
diff --git a/src/components/custom-mdx/Heading-3.astro b/src/components/custom-mdx/Heading-3.astro
index 614544d..ab3add2 100644
--- a/src/components/custom-mdx/Heading-3.astro
+++ b/src/components/custom-mdx/Heading-3.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h3 id={props.id} class="group mt-0 flex items-center gap-2 text-lg capitalize">
+<h3 id={props.id} class="group mt-0 text-lg capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"
diff --git a/src/components/custom-mdx/Heading-4.astro b/src/components/custom-mdx/Heading-4.astro
index ccc6bc1..2c51166 100644
--- a/src/components/custom-mdx/Heading-4.astro
+++ b/src/components/custom-mdx/Heading-4.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h4 id={props.id} class="group mt-0 flex items-center gap-2 text-base capitalize">
+<h4 id={props.id} class="group mt-0 text-base capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"
diff --git a/src/components/custom-mdx/Heading-5.astro b/src/components/custom-mdx/Heading-5.astro
index 6af9b86..c10df73 100644
--- a/src/components/custom-mdx/Heading-5.astro
+++ b/src/components/custom-mdx/Heading-5.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h5 id={props.id} class="group mt-0 flex items-center gap-2 text-sm capitalize">
+<h5 id={props.id} class="group mt-0 text-sm capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"
diff --git a/src/components/custom-mdx/Heading-6.astro b/src/components/custom-mdx/Heading-6.astro
index 5ae1b8e..e2f6bf0 100644
--- a/src/components/custom-mdx/Heading-6.astro
+++ b/src/components/custom-mdx/Heading-6.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h6 id={props.id} class="group mt-0 flex items-center gap-2 text-xs capitalize">
+<h6 id={props.id} class="group mt-0 text-xs capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"