diff --git a/client/public/static/robot-bad-sign.jpg b/client/public/static/robot-bad-sign.jpg
new file mode 100644
index 000000000..0e9bd4243
Binary files /dev/null and b/client/public/static/robot-bad-sign.jpg differ
diff --git a/client/public/static/robot-happy.jpg b/client/public/static/robot-happy.jpg
new file mode 100644
index 000000000..9503326f2
Binary files /dev/null and b/client/public/static/robot-happy.jpg differ
diff --git a/client/public/static/robot-wink.jpg b/client/public/static/robot-wink.jpg
new file mode 100644
index 000000000..dcf189a59
Binary files /dev/null and b/client/public/static/robot-wink.jpg differ
diff --git a/client/public/under-construction.png b/client/public/static/under-construction.png
similarity index 100%
rename from client/public/under-construction.png
rename to client/public/static/under-construction.png
diff --git a/client/src/components/Ht/HtCard/HtCard.tsx b/client/src/components/Ht/HtCard/HtCard.tsx
index f4696fff3..7f64deeed 100644
--- a/client/src/components/Ht/HtCard/HtCard.tsx
+++ b/client/src/components/Ht/HtCard/HtCard.tsx
@@ -1,9 +1,9 @@
 import { ErrorBoundary } from 'components/ErrorBoundary';
 import { HtSpinner } from 'components/Ht';
 import React, { ReactElement } from 'react';
-import { Card, CardProps } from 'react-bootstrap';
+import { Card, CardHeaderProps, CardProps } from 'react-bootstrap';
 
-interface HeaderProps extends CardProps {
+interface HeaderProps extends CardHeaderProps {
   title?: string;
   size?: string;
 }
diff --git a/client/src/features/404/NotFound.tsx b/client/src/features/404/NotFound.tsx
index e7f07fb60..e217aaf73 100644
--- a/client/src/features/404/NotFound.tsx
+++ b/client/src/features/404/NotFound.tsx
@@ -1,3 +1,4 @@
+import happyRobot from '/static/robot-bad-sign.jpg';
 import { HtCard } from 'components/Ht';
 import React from 'react';
 import { Button } from 'react-bootstrap';
@@ -7,8 +8,9 @@ export const NotFound = () => {
   const navigate = useNavigate();
   return (
     <HtCard>
-      <HtCard.Header title="This is not the page you're looking for..." />
+      <HtCard.Header title="Page not found" />
       <HtCard.Body className="d-grid justify-content-center">
+        <img src={happyRobot} alt="happy robot" width={200} height={'auto'} />
         <h1 className="display-1 d-flex justify-content-center">404</h1>
         <h4>Resource not found</h4>
       </HtCard.Body>
diff --git a/client/src/features/comingSoon/UnderConstruction.tsx b/client/src/features/comingSoon/UnderConstruction.tsx
index e591fc2a5..d2ac3cdbc 100644
--- a/client/src/features/comingSoon/UnderConstruction.tsx
+++ b/client/src/features/comingSoon/UnderConstruction.tsx
@@ -1,8 +1,8 @@
+import underConstruction from '/static/under-construction.png';
 import { HtCard } from 'components/Ht';
+import { useTitle } from 'hooks';
 import React from 'react';
 import { Card, Col, Container, Row } from 'react-bootstrap';
-import { useTitle } from 'hooks';
-import underConstruction from '/under-construction.png';
 import { Link } from 'react-router-dom';
 
 /**
diff --git a/client/src/routes.tsx b/client/src/routes.tsx
index d0448ce1e..73cde6d53 100644
--- a/client/src/routes.tsx
+++ b/client/src/routes.tsx
@@ -1,8 +1,5 @@
 import { Root } from 'components/Layout/Root';
 import { Login } from 'features/login';
-import { ManifestDetails } from 'features/manifestDetails/ManifestDetails';
-import { ManifestList } from 'features/manifestList/ManifestList';
-import { NewManifest } from 'features/newManifest/NewManifest';
 import { createBrowserRouter } from 'react-router-dom';
 
 export const router = createBrowserRouter([