diff --git a/src/App.tsx b/src/App.tsx
index 3604fac..bbbc701 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,11 +5,11 @@ import About from "@components/About";
 export default function App() {
 	return (
 		<div id="app">
-			<Header />
-			<About />
 			<div style={{ textAlign: "center" }}>
 				<h4>Website under construction 🚧👷</h4>
 			</div>
+			<Header />
+			<About />
 		</div>
 	);
 }
diff --git a/src/styles/About.scss b/src/styles/About.scss
index 5f011db..fc9634d 100644
--- a/src/styles/About.scss
+++ b/src/styles/About.scss
@@ -1,4 +1,5 @@
 .about {
+	height: 100vh;
 	padding: 5rem 10rem;
 	.greeting {
 		color: var(--color-accent);
diff --git a/src/styles/Header.scss b/src/styles/Header.scss
index 5aa2ea4..c467d5d 100644
--- a/src/styles/Header.scss
+++ b/src/styles/Header.scss
@@ -2,6 +2,10 @@
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
+	position: sticky;
+	background-color: var(--color-background-body);
+	top: 0;
+	z-index: 100;
 	width: 100%;
 	border-bottom: 1px solid var(--color-border);
 	padding: 10px 50px;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index e75aa06..c30754d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -69,5 +69,5 @@ body,
 	display: flex;
 	flex-direction: column;
 	height: 100vh;
-	width: 100vw;
+	width: 100%;
 }