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..75aef85 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-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png
index 112c982..2647d0e 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/src/lib/components/MainLayout.svelte b/src/lib/components/MainLayout.svelte
index fc22854..49865e9 100644
--- a/src/lib/components/MainLayout.svelte
+++ b/src/lib/components/MainLayout.svelte
@@ -4,7 +4,14 @@
       <a>The Docks</a>
     </h1>
     <h3 class="max">a Full Thrust ship builder</h3>
-    <a>About</a>
+    <div class="tabs in left-align">
+      <a class="spaced" class:active={currentPath === "/"} href="/">Editor</a>
+      <a
+        class="spaced"
+        class:active={currentPath.startsWith("/about")}
+        href="/about">About</a
+      >
+    </div>
     <span>&nbsp;</span>
   </nav>
 </header>
@@ -13,7 +20,10 @@
 </main>
 
 <script>
+  import { page } from "$app/stores";
   import "$lib/style/index.js";
+
+  $: currentPath = $page.url.pathname;
 </script>
 
 <style>
@@ -25,4 +35,13 @@
     font-size: var(--font-scale-12);
     font-weight: normal;
   }
+  a.spaced {
+    min-width: 5em;
+  }
+  span {
+    width: 5em;
+  }
+  .tabs {
+    border-bottom: 0px;
+  }
 </style>
diff --git a/src/lib/components/MainLayout.test.js b/src/lib/components/MainLayout.test.js
new file mode 100644
index 0000000..9943aff
--- /dev/null
+++ b/src/lib/components/MainLayout.test.js
@@ -0,0 +1,15 @@
+import { readable } from "svelte/store";
+import { test, expect, vi } from "vitest";
+import { render } from "@testing-library/svelte";
+
+vi.mock("$app/stores", () => ({
+  page: readable({ url: { pathname: "/" } }),
+}));
+
+import MainLayout from "./MainLayout.svelte";
+
+test("we have an editor link", () => {
+  const { queryByText } = render(MainLayout);
+
+  expect(queryByText("Editor")).toBeTruthy();
+});
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..75aef85 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-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..2647d0e 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