diff --git a/src/types/Page.ts b/src/types/Page.tsx
similarity index 70%
rename from src/types/Page.ts
rename to src/types/Page.tsx
index f77beae..7f6f45e 100644
--- a/src/types/Page.ts
+++ b/src/types/Page.tsx
@@ -1,5 +1,7 @@
+import { render } from "preact";
 import { PageRouter } from "../pagerouter/PageRouter";
 import { PageState } from "../state/PageState";
+import { CopyStateLinkButton } from "../ui/elements/CopyStateLinkButton";
 
 export class Page {
   constructor() {
@@ -14,7 +16,13 @@ export class Page {
     return "Page";
   }
   async renderPageTitle(): Promise<void> {
-    this.router.pageTitleElement.innerText = this.name;
+    render(
+      <>
+      <span>{this.name}</span>
+      <CopyStateLinkButton state={this.state} />
+      </>,
+      this.router.pageTitleElement,
+    );
   }
   async goBack(): Promise<void> {
     await this.router.changePage("HOME");