1 files changed, 26 insertions, 7 deletions
diff --git a/opendc-web/opendc-web-ui/src/pages/404.js b/opendc-web/opendc-web-ui/src/pages/404.js
index cc9281fc..0939bc56 100644
--- a/opendc-web/opendc-web-ui/src/pages/404.js
+++ b/opendc-web/opendc-web-ui/src/pages/404.js
@@ -1,18 +1,37 @@
 import React from 'react'
 import Head from 'next/head'
-import TerminalWindow from '../components/not-found/TerminalWindow'
-import style from './404.module.scss'
+import { AppPage } from '../components/AppPage'
+import {
+    Bullseye,
+    EmptyState,
+    EmptyStateBody,
+    EmptyStateIcon,
+    PageSection,
+    PageSectionVariants,
+    Title,
+} from '@patternfly/react-core'
+import { UnknownIcon } from '@patternfly/react-icons'
 
 const NotFound = () => {
     return (
-        <>
+        <AppPage>
             <Head>
                 <title>Page Not Found - OpenDC</title>
             </Head>
-            <div className={style['not-found-backdrop']}>
-                <TerminalWindow />
-            </div>
-        </>
+            <PageSection variant={PageSectionVariants.light}>
+                <Bullseye>
+                    <EmptyState>
+                        <EmptyStateIcon variant="container" component={UnknownIcon} />
+                        <Title size="lg" headingLevel="h4">
+                            404: That page does not exist
+                        </Title>
+                        <EmptyStateBody>
+                            The requested page is not found. Try refreshing the page if it was recently added.
+                        </EmptyStateBody>
+                    </EmptyState>
+                </Bullseye>
+            </PageSection>
+        </AppPage>
     )
 }