diff --git a/apps/blog/src/styles/anchor.ts b/apps/blog/src/styles/anchor.ts
index 2c43c18..824a09e 100644
--- a/apps/blog/src/styles/anchor.ts
+++ b/apps/blog/src/styles/anchor.ts
@@ -19,7 +19,6 @@ export default css`
 	a.header-anchor {
 		/* compensate for navbar height*/
 		display: inline-block;
-		margin-top: 4.5rem;
 
 		color: ${(props) => props.theme.theme.component.anchor.color.header};
 	}
@@ -27,6 +26,5 @@ export default css`
 	/* footnote anchors */
 	a[id^="fnref"] {
 		display: inline;
-		padding-top: 4.5rem;
 	}
 `
diff --git a/apps/blog/src/styles/globalStyle.ts b/apps/blog/src/styles/globalStyle.ts
index 46c62b6..9d81708 100644
--- a/apps/blog/src/styles/globalStyle.ts
+++ b/apps/blog/src/styles/globalStyle.ts
@@ -50,6 +50,7 @@ const globalCSS = css`
 	* {
 		transition: color 0.1s linear;
 		scroll-behavior: smooth;
+		scroll-margin: 4rem;
 	}
 `
 
diff --git a/apps/blog/src/styles/header.ts b/apps/blog/src/styles/header.ts
index fea6731..ecf6195 100644
--- a/apps/blog/src/styles/header.ts
+++ b/apps/blog/src/styles/header.ts
@@ -7,7 +7,8 @@ export default css`
 	h4,
 	h5,
 	h6 {
-		margin-top: -2rem;
+		margin-top: 3rem;
+		padding-top: 0.5rem;
 		margin-bottom: 0.5rem;
 		font-weight: 700;
 	}