diff --git a/chat/index.html b/chat/index.html
index 6f89d7c..d71ba19 100644
--- a/chat/index.html
+++ b/chat/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <link rel="icon" type="image/svg+xml" href="/logo-04.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Vite + Solid + TS</title>
 </head>
diff --git a/chat/public/logo-04.svg b/chat/public/logo-04.svg
new file mode 100644
index 0000000..c9d8394
--- /dev/null
+++ b/chat/public/logo-04.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 2048">
+  <defs>
+    <radialGradient id="radial-gradient" cx="-1734.16" cy="322.53" fx="-1734.16" fy="322.53" r="2430.87" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#f97316"/>
+      <stop offset=".6" stop-color="#ed5f0e"/>
+      <stop offset="1" stop-color="#ea580c"/>
+    </radialGradient>
+    <filter id="drop-shadow-1" filterUnits="userSpaceOnUse">
+      <feOffset dx="0" dy="0"/>
+      <feGaussianBlur result="blur" stdDeviation="76"/>
+      <feFlood flood-color="#f97316" flood-opacity=".75"/>
+      <feComposite in2="blur" operator="in"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <radialGradient id="radial-gradient-2" cx="449.25" fx="449.25" xlink:href="#radial-gradient"/>
+  </defs>
+  <path d="M-2183.41,0v621.86s164.05,677.87,400.85,669.12,198.2-310.87,424.85-485.54c168.4-129.78,391.25-170.14,499.9-95.98,116.58,79.57,191.18,440.23,108.04,651.89-161.63,411.45,82.7,430.75,153.83,427.57,75.48-3.37,296.71-102.14,132.88-440.58-95.54-197.37,28.41-504.22,114.84-618.26,83.77-110.54,212.82-172.98,212.82-172.98V0" style="fill: url(#radial-gradient); filter: url(#drop-shadow-1); stroke-width: 0px;"/>
+<!--  <rect width="2048" height="2048" style="fill: #18181b; stroke-width: 0px;"/>-->
+  <path d="M0,0v621.86s164.05,677.87,400.85,669.12,198.2-310.87,424.85-485.54c168.4-129.78,391.25-170.14,499.9-95.98,116.58,79.57,191.18,440.23,108.04,651.89-161.63,411.45,82.7,430.75,153.83,427.57,75.48-3.37,296.71-102.14,132.88-440.58-95.54-197.37,28.41-504.22,114.84-618.26,83.77-110.54,212.82-172.98,212.82-172.98V0" style="fill: url(#radial-gradient-2); stroke-width: 0px;"/>
+</svg>
\ No newline at end of file
diff --git a/chat/public/vite.svg b/chat/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/chat/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/chat/src/context.tsx b/chat/src/context.tsx
index b4d62bf..9f4abcc 100644
--- a/chat/src/context.tsx
+++ b/chat/src/context.tsx
@@ -11,6 +11,17 @@ import { ChatMessage } from "./routes/Chat";
 const [name, setName] = createSignal<string | null>(
   localStorage.getItem("name")
 );
+
+createEffect(() => {
+  const value = name();
+  if (value === null) {
+    localStorage.removeItem("name");
+    return;
+  }
+
+  localStorage.setItem("name", value);
+});
+
 const [socket, setSocket] = createSignal<WebSocket | undefined>();
 // Not sure if using a map is better
 const messagesByUser = new Map<string, Signal<ChatMessage[]>>();
diff --git a/chat/src/routes/SetUp.tsx b/chat/src/routes/SetUp.tsx
index e185869..0672d48 100644
--- a/chat/src/routes/SetUp.tsx
+++ b/chat/src/routes/SetUp.tsx
@@ -20,11 +20,13 @@ function Alert() {
           </svg>
         </div>
         <div class="ml-3">
-          <h3 class="text-sm font-medium text-yellow-800">Attention needed</h3>
+          <h3 class="text-sm font-medium text-yellow-800">
+            Don't share sensitive information
+          </h3>
           <div class="mt-2 text-sm text-yellow-700">
             <p>
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid
-              pariatur, ipsum similique veniam quo totam eius aperiam dolorum.
+              Anyone using the same name as you can view your messages. Although
+              they are not permanently stored.
             </p>
           </div>
         </div>
@@ -40,7 +42,6 @@ export default function SetUp() {
     // @ts-ignore Access form element called "name" and get the value. TS doesn't know about the DOM structure.
     const name = event.target.name.value;
     setName(name);
-    localStorage.setItem("name", name);
   }
 
   const navigate = useNavigate();
@@ -50,46 +51,49 @@ export default function SetUp() {
   });
 
   return (
-    <div class="flex row-start-2 min-h-full flex-1 flex-col justify-center px-6 py-12 lg:px-8">
-      <div class="sm:mx-auto sm:w-full sm:max-w-sm">
-        {/* TODO use melt logo  */}
-        <img
-          class="mx-auto h-10 w-auto"
-          src="https://tailwindui.com/img/logos/mark.svg?color=orange&shade=600"
-          alt="Melt logo"
-        />
-      </div>
+    <>
+      <Alert />
+      <div class="flex row-start-2 min-h-full flex-1 flex-col justify-center px-6 py-12 lg:px-8">
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+          {/* TODO use melt logo  */}
+          <img
+            class="mx-auto h-10 w-auto rounded-md"
+            src="/logo-04.svg"
+            alt="Melt logo showing melting orange goop"
+          />
+        </div>
 
-      <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
-        <form class="space-y-6" onSubmit={handleSubmit}>
-          <div>
-            <label
-              for="name"
-              class="block text-sm font-medium leading-6 text-gray-900"
-            >
-              Name
-            </label>
-            <div class="mt-2">
-              <input
-                id="name"
-                name="name"
-                autocomplete="username"
-                required
-                class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6"
-              />
+        <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
+          <form class="space-y-6" onSubmit={handleSubmit}>
+            <div>
+              <label
+                for="name"
+                class="block text-sm font-medium leading-6 text-gray-900"
+              >
+                Name
+              </label>
+              <div class="mt-2">
+                <input
+                  id="name"
+                  name="name"
+                  autocomplete="username"
+                  required
+                  class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-orange-600 sm:text-sm sm:leading-6"
+                />
+              </div>
             </div>
-          </div>
 
-          <div>
-            <button
-              type="submit"
-              class="flex w-full justify-center rounded-md bg-orange-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-orange-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-orange-600"
-            >
-              Start
-            </button>
-          </div>
-        </form>
+            <div>
+              <button
+                type="submit"
+                class="flex w-full justify-center rounded-md bg-orange-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-orange-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-orange-600"
+              >
+                Start
+              </button>
+            </div>
+          </form>
+        </div>
       </div>
-    </div>
+    </>
   );
 }