Fix scrollbar bug

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

src/styles/About.scss

@@ -1,4 +1,5 @@
 .about {
+	height: 100vh;
 	padding: 5rem 10rem;
 	.greeting {
 		color: var(--color-accent);

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;

src/styles/index.scss

@@ -69,5 +69,5 @@ body,
 	display: flex;
 	flex-direction: column;
 	height: 100vh;
-	width: 100vw;
+	width: 100%;
 }