From 68fafca58b08c1a15b957aca9c46eebb81c9d3b9 Mon Sep 17 00:00:00 2001
From: Jake Howell <jake@hwll.me>
Date: Wed, 29 Oct 2025 02:08:45 +0000
Subject: [PATCH] fix: convert emotion `css={{}}` to tailwind `class`

---
 site/src/pages/404Page/404Page.tsx | 25 +++++--------------------
 1 file changed, 5 insertions(+), 20 deletions(-)

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