diff --git a/website/src/pages/404.tsx b/website/src/pages/404.tsx
index b888f827..80eee036 100644
--- a/website/src/pages/404.tsx
+++ b/website/src/pages/404.tsx
@@ -13,7 +13,7 @@ export default function Error() {
       </Head>
       <Header />
       <main className="flex h-3/4 items-center justify-center overflow-hidden subpixel-antialiased text-xl">
-        Sorry, the page you're looking for does not exist.
+        <p>Sorry, the page you are looking for does not exist.</p>
       </main>
       <Footer />
     </>
diff --git a/website/src/pages/account/edit.tsx b/website/src/pages/account/edit.tsx
index 3ed83d82..040278f9 100644
--- a/website/src/pages/account/edit.tsx
+++ b/website/src/pages/account/edit.tsx
@@ -1,12 +1,12 @@
-import Head from "next/head";
-import Link from "next/link";
-import Router from "next/router";
 import React, { useState } from "react";
 import { getSession, useSession } from "next-auth/react";
 import { PrismaClient, User } from "@prisma/client";
 import { Button, Input, InputGroup, Stack } from "@chakra-ui/react";
-import { Footer } from "../../components/Footer";
-import { Header } from "../../components/Header";
+import Head from "next/head";
+import Link from "next/link";
+import Router from "next/router";
+import { Footer } from "src/components/Footer";
+import { Header } from "src/components/Header";
 
 import styles from "../styles/Home.module.css";
 
@@ -17,7 +17,7 @@ export default function Account() {
     e.preventDefault();
     try {
       const body = { username };
-      await fetch("../api/username", {
+      await fetch("/api/username", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(body),
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 6535c865..239fe2ff 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -1,11 +1,11 @@
 import { useSession } from "next-auth/react";
 import Head from "next/head";
-import { CallToAction } from "../components/CallToAction";
-import { Faq } from "../components/Faq";
-import { Footer } from "../components/Footer";
-import { Header } from "../components/Header";
-import { Hero } from "../components/Hero";
-import { TaskSelection } from "../components/TaskSelection";
+import { CallToAction } from "src/components/CallToAction";
+import { Faq } from "src/components/Faq";
+import { Footer } from "src/components/Footer";
+import { Header } from "src/components/Header";
+import { Hero } from "src/components/Hero";
+import { TaskSelection } from "src/components/TaskSelection";
 
 export default function Home() {
   const { data: session } = useSession();
@@ -41,7 +41,7 @@ export default function Home() {
         />
       </Head>
       <Header />
-      <main className="h-3/4 m-20 z-0 bg-white flex flex-col items-center justify-center gap-2">
+      <main className="m-20 z-0 bg-white flex flex-col items-center justify-center gap-2">
         <TaskSelection />
       </main>
       <Footer />