diff --git a/.histoire/screenshots/src-lib-components-shipedit-carrier-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-carrier-story-svelte-_default-1280x800.png
index bb30599..5c20207 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-carrier-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-carrier-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-identification-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-identification-story-svelte-_default-1280x800.png
index bbee9c6..85ace74 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-identification-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-identification-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png
index bff1768..8765c34 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png
index e303a6b..c0c80e3 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-propulsion-ftl-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png
index 112c982..8ee58be 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-story-svelte-_default-1280x800.png
index 719a58e..95001a9 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipedit-weaponry-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-weaponry-story-svelte-_default-1280x800.png
index f40d652..d0d2c3e 100644
Binary files a/.histoire/screenshots/src-lib-components-shipedit-weaponry-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipedit-weaponry-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png
index e85c75b..cd94684 100644
Binary files a/.histoire/screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-lib-components-shipitem-story-svelte-_default-1280x800.png differ
diff --git a/src/lib/components/Field.svelte b/src/lib/components/Field.svelte
index 69f0394..fc64839 100644
--- a/src/lib/components/Field.svelte
+++ b/src/lib/components/Field.svelte
@@ -1,21 +1,28 @@
 <div class="field label small" class:suffix>
   <slot>
-    <input type="text" bind:value on:change />
+    <input id={formId} type="text" bind:value on:change />
   </slot>
   {#if label}
-    <label class:active>{label}</label>
+    <label for={formId} class:active>{label}</label>
   {/if}
 </div>
 
 <script>
+  import { getContext } from "svelte";
+
   export let label = "";
   export let value = true;
   export let placeholder = label;
 
   export let suffix = false;
   export let activeLabel = undefined;
+  export let idPrefix = "formId";
 
   $: active = typeof activeLabel === "boolean" ? activeLabel : value;
+
+  const genUid = getContext("genUid") ?? (() => "genUid missing");
+
+  const formId = genUid(idPrefix);
 </script>
 
 <style>
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-10-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-10-snap.png
index e85c75b..cd94684 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-10-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-10-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-2-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-2-snap.png
index bb30599..5c20207 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-2-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-2-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png
index bbee9c6..85ace74 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-4-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-4-snap.png
index bff1768..8765c34 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-4-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-4-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-5-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-5-snap.png
index e303a6b..c0c80e3 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-5-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-5-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-6-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-6-snap.png
index 112c982..8ee58be 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-6-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-6-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-7-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-7-snap.png
index 719a58e..95001a9 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-7-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-7-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-8-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-8-snap.png
index f40d652..d0d2c3e 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-8-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-8-snap.png differ
diff --git a/src/lib/store/uids.js b/src/lib/store/uids.js
new file mode 100644
index 0000000..bbdffe3
--- /dev/null
+++ b/src/lib/store/uids.js
@@ -0,0 +1,17 @@
+import { writable, get } from "svelte/store";
+
+export default () => {
+  const store = writable(0);
+
+  const genUid = (prefix = "") => {
+    store.update((x) => x + 1);
+    return prefix.length
+      ? [prefix, "" + get(store)].join("-")
+      : "" + get(store);
+  };
+
+  return {
+    store,
+    genUid,
+  };
+};
diff --git a/src/lib/store/uids.test.js b/src/lib/store/uids.test.js
new file mode 100644
index 0000000..5c81732
--- /dev/null
+++ b/src/lib/store/uids.test.js
@@ -0,0 +1,8 @@
+import uids from "./uids";
+
+test("basic", () => {
+  const { genUid } = uids();
+
+  expect(genUid()).toEqual("1");
+  expect(genUid("potato")).toEqual("potato-2");
+});
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7a041ca..53eb5c9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,8 +5,10 @@
 <script>
   import { setContext } from "svelte";
 
-  import { createApi } from "$lib/store/api.ts";
+  import { createApi } from "$lib/store/api.js";
+  import uids from "$lib/store/uids.js";
   import Layout from "$lib/components/MainLayout.svelte";
 
   setContext("api", createApi());
+  setContext("genUid", uids());
 </script>
diff --git a/src/routes/page.test.js b/src/routes/page.test.js
index 280358b..c4057c9 100644
--- a/src/routes/page.test.js
+++ b/src/routes/page.test.js
@@ -17,9 +17,9 @@ test("we can pass a store", async () => {
 
   api.dispatch.updateIdentification({ shipClass: "Bonobo" });
 
-  const { getByPlaceholderText } = render(Page, { context });
+  const { getByLabelText } = render(Page, { context });
 
-  const classInput = getByPlaceholderText("ship class");
+  const classInput = getByLabelText("ship class");
   await fireEvent.input(classInput, { target: { value: "Tarzan" } });
   expect(classInput.value).toEqual("Tarzan");