diff --git a/src/components/About.astro b/src/components/About.astro
index a6fef3a..0f6b671 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -12,10 +12,7 @@ import Divider from "./Divider.astro"
 			extensive experience with React, SolidJS, Node.js, and ASP.NET Razor
 			Pages. I have used my Node.js knowledge to create{" "}
 			<a href="/projects/quadraticbot2.0">QuadraticBot 2.0</a>, a giveaway
-			bot for discord.
-		</p>
-		<p>
-			For more projects, check out{" "}
+			bot for discord. For more projects, check out{" "}
 			<a
 				href="https://github.com/Henry-Hiles"
 				target="_blank"
diff --git a/src/components/ButtonLink.astro b/src/components/ButtonLink.astro
index e819df6..67b595d 100644
--- a/src/components/ButtonLink.astro
+++ b/src/components/ButtonLink.astro
@@ -3,7 +3,7 @@ import styles from "../styles/ButtonLink.module.css"
 
 export interface Props {
 	href: string
-	newTab: boolean
+	newTab?: boolean
 }
 
 const { href, newTab } = Astro.props
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 1cad114..513fa64 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -3,7 +3,7 @@ import { Icon } from "astro-icon"
 import styles from "../styles/Nav.module.css"
 ---
 
-<nav class={styles.nav} aria-expanded="true">
+<nav class={styles.nav}>
 	<section>
 		<a href="/" id={styles.logo}
 			><img src="/images/logo.svg" alt="Henry Hiles" /></a
diff --git a/src/components/Top.astro b/src/components/Top.astro
new file mode 100644
index 0000000..df357a4
--- /dev/null
+++ b/src/components/Top.astro
@@ -0,0 +1,16 @@
+---
+import ButtonLink from "./ButtonLink.astro"
+import { Icon } from "astro-icon"
+import styles from "../styles/Top.module.css"
+---
+
+<div class={styles.up} aria-hidden="true" id="up">
+	<ButtonLink href="#"><Icon name="mdi:arrow-up" /></ButtonLink>
+
+	<script defer>
+		const up = document.querySelector("#up")
+		document.addEventListener("scroll", () =>
+			up.setAttribute("aria-hidden", window.scrollY == 0)
+		)
+	</script>
+</div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 55201b9..dc248b2 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,5 +1,6 @@
 ---
 import "../styles/Layout.css"
+import Top from "../components/Top.astro"
 import Nav from "../components/Nav.astro"
 
 export interface Props {
@@ -47,5 +48,6 @@ const { page } = Astro.props
 	<body>
 		<Nav />
 		<slot />
+		<Top />
 	</body>
 </html>
diff --git a/src/styles/About.module.css b/src/styles/About.module.css
index b87b98a..2e7a83d 100644
--- a/src/styles/About.module.css
+++ b/src/styles/About.module.css
@@ -8,7 +8,7 @@
 }
 
 .about {
-	text-align: center;
+	text-align: justify;
 	font-size: 1.5em;
 	display: flex;
 	gap: 1em;
diff --git a/src/styles/ButtonLink.module.css b/src/styles/ButtonLink.module.css
index 409cb9e..62f1671 100644
--- a/src/styles/ButtonLink.module.css
+++ b/src/styles/ButtonLink.module.css
@@ -1,6 +1,8 @@
 .button {
 	display: flex;
-	background: var(--secondary);
+	background: rgb(0 0 0 / 0.1);
+	border: 2px solid var(--secondary);
+	backdrop-filter: blur(20px);
 	border-radius: 20px;
 	padding: 20px;
 	text-decoration: none;
@@ -11,5 +13,5 @@
 }
 
 .button:hover {
-	background: var(--secondary-hover);
+	background: rgb(0 0 0 / 0.3);
 }
diff --git a/src/styles/Layout.css b/src/styles/Layout.css
index a3cc4f0..6d78fda 100644
--- a/src/styles/Layout.css
+++ b/src/styles/Layout.css
@@ -45,7 +45,7 @@ main > section {
 	display: flex;
 	flex-direction: column;
 	border-radius: 1rem;
-	background: rgba(0 0 0 / 0.3);
+	background: rgb(0 0 0 / 0.3);
 	padding: 2rem;
 	margin: 1rem;
 	width: 90%;
diff --git a/src/styles/Top.module.css b/src/styles/Top.module.css
new file mode 100644
index 0000000..6666f6f
--- /dev/null
+++ b/src/styles/Top.module.css
@@ -0,0 +1,20 @@
+.up {
+	position: fixed;
+	width: 3em;
+	bottom: 1em;
+	transition: visibility 1s, opacity 1s;
+	right: 1em;
+}
+
+.up[aria-hidden="true"] {
+	visibility: hidden;
+	opacity: 0;
+}
+
+.up a {
+	padding: 0.4em;
+}
+
+.up svg {
+	color: hsl(209 28% 60%);
+}
