diff --git a/src/assets/community.svg b/src/assets/community.svg
index af30158..a7655e1 100644
--- a/src/assets/community.svg
+++ b/src/assets/community.svg
@@ -1,4 +1,4 @@
-<svg height="100%" viewBox="0 0 1100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg height="100%" viewBox="0 0 1090 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1094.1 7.37771e-07L1045.1 57.0248V100H1021.6H998.1V57.0248C998.1 57.0248 949.197 2.04995 947.954 0C963.84 0 982.215 7.0764e-06 998.1 0L1021.6 24.3802L1045.1 0C1060.82 2.3641e-05 1078.38 -2.07538e-06 1094.1 7.37771e-07Z" fill="currentColor"/>
 <path d="M920.227 35.8778H887.954V0H980.941V35.8778H963.889V100H927.033H920.227V35.8778Z" fill="currentColor"/>
 <path d="M763.954 73.1405L763.954 100H721.954L721.958 -1.66893e-06H752.454L787.454 42.1488V-1.66893e-06H832.454V100H805.912H787.454L763.954 73.1405Z" fill="currentColor"/>
diff --git a/src/assets/current.svg b/src/assets/current.svg
index 7a80504..e99a8ba 100644
--- a/src/assets/current.svg
+++ b/src/assets/current.svg
@@ -1,4 +1,4 @@
-<svg height="100%" viewBox="0 0 880 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg height="100%" viewBox="0 0 872 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M217.238 28.0819C210.26 14.7651 194.645 0 162.877 0C155.324 0 148.121 0.893272 141.454 2.58131L99 52.0833C100.267 80.6433 127.793 99.9827 162.92 100C194.688 100 210.41 84.6344 217.281 71.7414L180.95 57.1815C179.269 60.3682 177.954 61.8506 175.027 64.2345C171.532 66.1943 169.954 68.2553 163.2 68.2553C147.973 68.2023 140.562 61.1268 140.562 50.0177C140.562 37.7605 149.524 31.7624 161.822 31.7624C167.954 31.7624 169.711 32.6551 173.481 34.6374C177.954 37.1103 179.203 39.4898 180.95 42.8715L217.238 28.0819Z" fill="currentColor"/>
 <path d="M221.281 0H262.025V53.4637C262.025 62.8969 262.777 70.3934 277.232 70.3934C291.686 70.3934 292.29 62.8969 292.29 53.4637V0H333.013V57.7296C333.013 82.1915 316.457 100 277.232 100C238.006 100 221.281 82.1915 221.281 57.891V0Z" fill="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M401.631 0H337.013V100H379.686V70.4032L382.513 70.4032L406.013 100L454.394 100L423.614 64.175C437.756 58.6133 445.189 47.4135 445.189 34.3281C445.189 15.5987 429.96 0 401.631 0ZM396.98 26.4855H377.013V41.3851H396.98C399.405 41.3851 401.731 40.6003 403.446 39.2031C405.161 37.806 406.124 35.9111 406.124 33.9353C406.124 31.9595 405.161 30.0646 403.446 28.6675C401.731 27.2704 399.405 26.4855 396.98 26.4855Z" fill="currentColor"/>
diff --git a/src/assets/education.svg b/src/assets/education.svg
index 1d3b498..c84aa4c 100644
--- a/src/assets/education.svg
+++ b/src/assets/education.svg
@@ -1,4 +1,4 @@
-<svg height="100%" viewBox="0 0 1000 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg height="100%" viewBox="0 0 988 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M918 73.1405L918 100H876L876.004 -1.66893e-06H906.5L941.5 42.1488V-1.66893e-06H986.5V100H959.957H941.5L918 73.1405Z" fill="currentColor"/>
 <path d="M750.356 0H704V100H726.356L750.356 100V0Z" fill="currentColor"/>
 <mask id="mask0_1299_957" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="754" y="0" width="118" height="100">
diff --git a/src/assets/mantras.svg b/src/assets/mantras.svg
index 2a7a2e5..084d7b4 100644
--- a/src/assets/mantras.svg
+++ b/src/assets/mantras.svg
@@ -1,4 +1,4 @@
-<svg height="100%" viewBox="0 0 840 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg height="100%" viewBox="0 0 828 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M744 60.5882C753.867 68.609 764.362 73.3131 778 73.3017C784.463 73.3017 788.5 72.8995 788.5 69.0639C788.5 65.2283 786.194 64.8193 774.949 63.1309C756.207 60.2313 727.748 55.5882 727.748 31.3452C727.748 14.9569 743.776 0 774.949 0C793.519 0 810.215 4.49624 823.162 13.5071L803.5 36.4326C794.32 30.5781 786.408 25.7987 774.949 25.4143C766.44 25.4143 764.5 27.1746 764.5 29.6521C764.5 33.3225 766.893 33.4179 779 35.1613C797.742 37.9141 825.898 43.9163 825.898 66.3241C825.898 87.6675 807.328 100 776.823 100C752.631 100 736.107 93.9071 724 84.621L744 60.5882Z" fill="currentColor"/>
 <path d="M488.715 35.8778H520.987V0H428V35.8778H445.052V100H481.909H488.715V35.8778Z" fill="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M581.618 0H517V100H559.673V70.4032L562.5 70.4032L586 100H595L614.692 77.0833L603.601 64.175C617.743 58.6133 625.176 47.4135 625.176 34.3281C625.176 15.5987 609.947 0 581.618 0ZM576.967 26.4855H557V41.3851H576.967C579.392 41.3851 581.718 40.6003 583.433 39.2031C585.148 37.806 586.111 35.9111 586.111 33.9353C586.111 31.9595 585.148 30.0646 583.433 28.6675C581.718 27.2704 579.392 26.4855 576.967 26.4855Z" fill="currentColor"/>
diff --git a/src/assets/past.svg b/src/assets/past.svg
index 8ad5c87..578bca1 100644
--- a/src/assets/past.svg
+++ b/src/assets/past.svg
@@ -1,4 +1,4 @@
-<svg height="100%" viewBox="0 0 510 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg height="100%" viewBox="0 0 500 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M408.237 35.8778H376V0H501L468.884 35.8778H451.851V57.7574L415.035 100H408.237V35.8778Z" fill="currentColor"/>
 <path d="M307 60.5882C316.867 68.609 327.362 73.313 341 73.3017C347.463 73.3017 351.5 72.8994 351.5 69.0639C351.5 65.2283 349.194 64.8193 337.949 63.1309C319.207 60.2313 290.748 55.5882 290.748 31.3452C290.748 14.9569 306.776 0 337.949 0C351.053 0 363.225 2.23904 373.804 6.72358V27.9167L366.5 36.4326C357.32 30.5781 349.408 25.7987 337.949 25.4143C329.44 25.4143 327.5 27.1746 327.5 29.6521C327.5 33.3225 329.893 33.4179 342 35.1613C360.742 37.9141 388.898 43.9163 388.898 66.3241C388.898 87.6674 370.328 100 339.823 100C315.631 100 299.107 93.9071 287 84.621L307 60.5882Z" fill="currentColor"/>
 <path d="M213 100H157L235.488 9.90816C235.488 9.90816 242.998 -6.84578e-07 257.423 -6.84578e-07H270.978H283V100L233 100L233 78.5109L213 100Z" fill="currentColor"/>
diff --git a/src/components/BoxLines.astro b/src/components/BoxLines.astro
index 7ae70c0..2df1d08 100644
--- a/src/components/BoxLines.astro
+++ b/src/components/BoxLines.astro
@@ -1,6 +1,7 @@
 ---
 const random = Math.floor(Math.random() * 10000);
 const boxLineRef = `boxLines${random}`;
+const { small, ...rest } = Astro.props;
 ---
 
 <div
@@ -9,20 +10,39 @@ const boxLineRef = `boxLines${random}`;
 	@scroll.window=`inview = $refs.${boxLineRef}.getBoundingClientRect().top <= (window.innerHeight * 3/4)`
 	x-init=`inview = $refs.${boxLineRef}.getBoundingClientRect().top <= (window.innerHeight * 3/4)`
 	class="absolute h-full w-full"
+	{...rest}
 >
-	<div
-		class="absolute right-0 top-0 h-full w-[1px] bg-divider transition-all duration-1000"
-		:style="inview && { height: `calc(100% + 64px)`, transform: `translateY(-32px)` }"
-	>
-	</div>
-	<div
-		class="absolute left-0 top-0 h-[1px] w-full bg-divider transition-all duration-1000"
-		:style="inview && { width: `calc(100% + 32px)` }"
-	>
-	</div>
-	<div
-		class="absolute bottom-0 left-0 h-[1px] w-full bg-divider transition-all duration-1000"
-		:style="inview && { width: `calc(100% + 32px)` }"
-	>
-	</div>
+  {small ? (
+    <div
+      class="absolute right-0 top-0 h-0 w-[1px] bg-divider transition-all duration-1000"
+      :style="inview && { height: `calc(100% + 16px)`, transform: `translateY(0px)` }"
+    >
+    </div>
+    <div
+      class="absolute left-0 top-0 h-[1px] w-0 bg-divider transition-all duration-1000"
+      :style="inview && { width: `calc(100% + 16px)` }"
+    >
+    </div>
+    <div
+      class="absolute bottom-0 left-0 h-[1px] w-0 bg-divider transition-all duration-1000"
+      :style="inview && { width: `calc(100% + 16px)` }"
+    >
+    </div>
+  ) : (
+    <div
+      class="absolute right-0 top-0 h-0 w-[1px] bg-divider transition-all duration-1000"
+      :style="inview && { height: `calc(100% + 64px)`, transform: `translateY(-32px)` }"
+    >
+    </div>
+    <div
+      class="absolute left-0 top-0 h-[1px] w-0 bg-divider transition-all duration-1000"
+      :style="inview && { width: `calc(100% + 32px)` }"
+    >
+    </div>
+    <div
+      class="absolute bottom-0 left-0 h-[1px] w-0 bg-divider transition-all duration-1000"
+      :style="inview && { width: `calc(100% + 32px)` }"
+    >
+    </div>
+  )}
 </div>
diff --git a/src/components/Intro.astro b/src/components/Intro.astro
index bd7a3d4..d552043 100644
--- a/src/components/Intro.astro
+++ b/src/components/Intro.astro
@@ -5,15 +5,16 @@ import AboutSneak from "@/assets/about.gif";
 import BoxLines from "./BoxLines.astro";
 ---
 
-<div x-data class="border-x border-divider [transition:all_.3s_cubic-bezier(0.55,0,1,0.45)]">
+<div x-data class="border-x [transition:all_.3s_cubic-bezier(0.55,0,1,0.45)]">
 	<div class="flex min-h-[50vh] flex-col">
 		<div class="w-full">
 			<div
-				class="mb-2 w-[fit-content] text-textProminent sm:mb-4 [&>svg]:h-7 sm:[&>svg]:h-24"
+				class="relative -mt-[1px] mb-2 w-[fit-content] text-textProminent sm:mb-4 [&>svg]:h-7 sm:[&>svg]:h-24"
 				x-ref="introNK"
 				x-init="$store.header.introNKHeight = $refs.introNK.getBoundingClientRect().height"
 				x-resize="$store.header.introNKHeight = $height"
 			>
+				<BoxLines />
 				<Fragment set:html={NahiyanKhan} />
 			</div>
 		</div>
diff --git a/src/components/Section.astro b/src/components/Section.astro
index f1bbda9..0b3b123 100644
--- a/src/components/Section.astro
+++ b/src/components/Section.astro
@@ -4,16 +4,16 @@ import About from "@/assets/about.svg?raw";
 import Experience from "@/assets/experience.svg?raw";
 import Projects from "@/assets/projects.svg?raw";
 import Contact from "@/assets/contact.svg?raw";
+import BoxLines from "./BoxLines.astro";
 ---
 
-<div
-	x-data
-	class="border-x border-transparent [transition:border-color_.3s_.7s]"
-	:style="{ borderColor: `hsl(var(--border-divider))` }"
-	{...rest}
->
-	<div class="flex min-h-[50vh] flex-col border-t" x-ref={title}>
-		<div class="w-[fit-content] text-textProminent [&>svg]:h-8 sm:[&>svg]:h-24">
+<div x-data class="border-x [transition:all_.3s_cubic-bezier(0.55,0,1,0.45)]" {...rest}>
+	<div
+		class="flex min-h-[50vh] flex-col border-t [transition:all_.3s_cubic-bezier(0.55,0,1,0.45)]"
+		x-ref={title}
+	>
+		<div class="relative -mt-[1px] w-[fit-content] text-textProminent [&>svg]:h-8 sm:[&>svg]:h-24">
+			<BoxLines />
 			<Fragment
 				set:html={title === "about"
 					? About
diff --git a/src/components/Subtitle.astro b/src/components/Subtitle.astro
index fcd7f71..e8cccf5 100644
--- a/src/components/Subtitle.astro
+++ b/src/components/Subtitle.astro
@@ -5,12 +5,14 @@ import Mantras from "@/assets/mantras.svg?raw";
 import Current from "@/assets/current.svg?raw";
 import Past from "@/assets/past.svg?raw";
 import Community from "@/assets/community.svg?raw";
+import BoxLines from "./BoxLines.astro";
 ---
 
-<div class="border-t" {...rest}>
+<div class="border-t [transition:all_.3s_cubic-bezier(0.55,0,1,0.45)]" {...rest}>
 	<div
-		class="mb-12 inline-flex w-[fit-content] text-textProminent sm:mb-24 [&>svg]:h-5 sm:[&>svg]:h-12"
+		class="relative -mt-[1px] mb-12 inline-flex w-[fit-content] text-textProminent sm:mb-24 [&>svg]:h-5 sm:[&>svg]:h-12"
 	>
+		<BoxLines />
 		<Fragment
 			set:html={title === "education"
 				? Education
diff --git a/src/components/layout/Header.astro b/src/components/layout/Header.astro
index 44a3959..3165787 100644
--- a/src/components/layout/Header.astro
+++ b/src/components/layout/Header.astro
@@ -1,6 +1,7 @@
 ---
 import { Icon } from "astro-icon/components";
 import NahiyanKhan from "@/assets/nahiyankhan.svg?raw";
+import BoxLines from "../BoxLines.astro";
 ---
 
 <header
@@ -23,10 +24,11 @@ import NahiyanKhan from "@/assets/nahiyankhan.svg?raw";
 			x-cloak
 		>
 			<div
-				class="text-textProminent [&>svg]:h-5 sm:[&>svg]:h-6"
+				class="relative text-textProminent [&>svg]:h-5 sm:[&>svg]:h-6"
 				x-ref="headerNK"
 				x-resize="headerNKHeight = $height"
 			>
+				<BoxLines small />
 				<Fragment set:html={NahiyanKhan} />
 			</div>
 		</div>
diff --git a/src/styles/global.css b/src/styles/global.css
index 2d9c02e..eb27af4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -5,7 +5,7 @@
 @layer base {
 	:root {
 		--slate-0: 0deg 0% 100%;
-		--slate-10: 233deg 32% 80%;
+		--slate-10: 233deg 100% 96%;
 		--slate-20: 231deg 19% 66%;
 		--slate-30: 233deg 22% 41%;
 		--slate-40: 231deg 26% 28%;
@@ -27,7 +27,7 @@
 		--text-standard: var(--slate-50);
 		--text-subtle: var(--slate-30);
 
-		--border-divider: var(--slate-10);
+		--border-divider: var(--slate-20);
 
 		--redact-bg: 0deg 0% 98%;
 	}