diff --git a/site/src/pages/404Page/404Page.tsx b/site/src/pages/404Page/404Page.tsx
index b3be31f270118..a04b1d95a5670 100644
--- a/site/src/pages/404Page/404Page.tsx
+++ b/site/src/pages/404Page/404Page.tsx
@@ -2,26 +2,11 @@ import type { FC } from "react";
 
 const NotFoundPage: FC = () => {
 	return (
-		<div
-			css={{
-				width: "100%",
-				height: "100%",
-				display: "flex",
-				flexDirection: "row",
-				justifyContent: "center",
-				alignItems: "center",
-			}}
-		>
-			<div
-				css={(theme) => ({
-					margin: 8,
-					padding: 8,
-					borderRight: theme.palette.divider,
-				})}
-			>
-				<h4>404</h4>
-			</div>
-			<p>This page could not be found.</p>
+		<div className="w-full h-full flex flex-row justify-center items-center">
+			<p className="flex gap-4">
+				<span className="font-bold">404</span>
+				This page could not be found.
+			</p>
 		</div>
 	);
 };