diff --git a/packages/doorman-ui/public/android-chrome-192x192.png b/packages/doorman-ui/public/android-chrome-192x192.png
new file mode 100644
index 0000000..1221329
Binary files /dev/null and b/packages/doorman-ui/public/android-chrome-192x192.png differ
diff --git a/packages/doorman-ui/public/android-chrome-512x512.png b/packages/doorman-ui/public/android-chrome-512x512.png
new file mode 100644
index 0000000..e003452
Binary files /dev/null and b/packages/doorman-ui/public/android-chrome-512x512.png differ
diff --git a/packages/doorman-ui/public/apple-touch-icon.png b/packages/doorman-ui/public/apple-touch-icon.png
new file mode 100644
index 0000000..d5bf941
Binary files /dev/null and b/packages/doorman-ui/public/apple-touch-icon.png differ
diff --git a/packages/doorman-ui/public/doorman.png b/packages/doorman-ui/public/doorman.png
new file mode 100644
index 0000000..191484b
Binary files /dev/null and b/packages/doorman-ui/public/doorman.png differ
diff --git a/packages/doorman-ui/public/favicon-16x16.png b/packages/doorman-ui/public/favicon-16x16.png
new file mode 100644
index 0000000..2cd9d20
Binary files /dev/null and b/packages/doorman-ui/public/favicon-16x16.png differ
diff --git a/packages/doorman-ui/public/favicon-32x32.png b/packages/doorman-ui/public/favicon-32x32.png
new file mode 100644
index 0000000..b99aef1
Binary files /dev/null and b/packages/doorman-ui/public/favicon-32x32.png differ
diff --git a/packages/doorman-ui/public/favicon.ico b/packages/doorman-ui/public/favicon.ico
new file mode 100644
index 0000000..8dbd903
Binary files /dev/null and b/packages/doorman-ui/public/favicon.ico differ
diff --git a/packages/doorman-ui/public/site.webmanifest b/packages/doorman-ui/public/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/packages/doorman-ui/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/packages/doorman-ui/src/index.tsx b/packages/doorman-ui/src/index.tsx
index ac91d02..69df590 100644
--- a/packages/doorman-ui/src/index.tsx
+++ b/packages/doorman-ui/src/index.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import App from './App';
 import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 import { DoorPage, loader as doorpageloader } from './pages/DoorPage';
+import { ErrorPage } from './pages/ErrorPage';
 
 
 const root = ReactDOM.createRoot(
@@ -13,7 +14,7 @@ const router = createBrowserRouter([
   {
     path: "/",
     element: <App />,
-    errorElement: <h1>error</h1>,
+    errorElement: <ErrorPage />,
     children: [
       {
         path: "",
diff --git a/packages/doorman-ui/src/pages/DoorPage.tsx b/packages/doorman-ui/src/pages/DoorPage.tsx
index af5bb68..18af4b1 100644
--- a/packages/doorman-ui/src/pages/DoorPage.tsx
+++ b/packages/doorman-ui/src/pages/DoorPage.tsx
@@ -100,11 +100,13 @@ export function DoorPage() {
   return (
     <AppLayout
       contentType="wizard"
+      navigationHide
+      toolsHide
       breadcrumbs={
         <BreadcrumbGroup
           items={[
             { text: 'Door', href: '#' },
-            { text: door, href: '#' },
+            { text: door, href: `?door=${door}&edit=true` },
             { text: 'Unlock', href: '#' },
           ]}
         />
@@ -115,15 +117,6 @@ export function DoorPage() {
           items={alerts}
         />
       }
-      navigation={
-        <SideNavigation
-          header={{
-            href: '#',
-            text: 'Doorman',
-          }}
-          items={[]}
-        />
-      }
       content={
         <Wizard
           i18nStrings={{
diff --git a/packages/doorman-ui/src/pages/ErrorPage.tsx b/packages/doorman-ui/src/pages/ErrorPage.tsx
new file mode 100644
index 0000000..f34fdeb
--- /dev/null
+++ b/packages/doorman-ui/src/pages/ErrorPage.tsx
@@ -0,0 +1,20 @@
+import { AppLayout, Container, Header, TextContent } from "@cloudscape-design/components"
+
+export const ErrorPage = () => {
+  return (
+    <AppLayout
+      contentType="dashboard"
+      navigationHide
+      toolsHide
+      content={
+        <Container>
+          <Header>Doorman</Header>
+          <img src="doorman.png" />
+          <TextContent>
+            This isn't a valid door, please double check your URL
+          </TextContent>
+        </Container>
+      }
+    />
+  )
+};
diff --git a/packages/doorman-ui/vite.config.ts b/packages/doorman-ui/vite.config.ts
index 4888e38..bee01d4 100644
--- a/packages/doorman-ui/vite.config.ts
+++ b/packages/doorman-ui/vite.config.ts
@@ -9,12 +9,12 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': {
-        target: 'http://localhost:3000',
+        target: 'http://localhost:8080',
         changeOrigin: true,
       },
     },
     host: "0.0.0.0",
-    port: 8080
+    port: 3005
   },
   build: {
     outDir: "dist",