Update scroll behavior and padding in About and Header styles

src/App.tsx

@@ -16,11 +16,7 @@ export default function App() {
 			(entries) => {
 				entries.forEach((entry) => {
 					if (entry.isIntersecting) {
-						if (entry.target.id === "about") {
+						window.location.hash = entry.target.id;
-							window.location.hash = "";
-						} else {
-							window.location.hash = entry.target.id;
-						}
 					}
 				});
 			},
@@ -47,7 +43,7 @@ export default function App() {
 	return (
 		<div id="app">
 			<Header />
-			<div id="about" className="section" ref={aboutRef}>
+			<div className="section" ref={aboutRef}>
 				<About />
 			</div>
 

src/styles/About.scss

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

src/styles/Header.scss

@@ -2,7 +2,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	position: sticky;
+	position: fixed;
 	background-color: var(--color-background-body);
 	top: 0;
 	z-index: 100;