diff --git a/client-src/routes/index.tsx b/client-src/routes/index.tsx
index e653e5c..a397afa 100644
--- a/client-src/routes/index.tsx
+++ b/client-src/routes/index.tsx
@@ -6,6 +6,7 @@ import {
   FromServerSocketMessage,
   Hat,
   SVGUploaded,
+  DEFAULT_NAME,
 } from "../../isomophic-src/isomorphic";
 import UserMessage from "../views/room/UserMessage";
 import { HAT_MAP } from "../views/room/state/hats";
@@ -25,7 +26,7 @@ function Index() {
   );
   const [hat, setHat] = useState("/TopHatP.png");
   const [frog, setFrog] = useState("/Frog1AP.png");
-  const [name, setName] = useState("frogboi");
+  const [name, setName] = useState(DEFAULT_NAME);
 
   useEffect(() => {
     function onMessage(event: MessageEvent) {
@@ -93,7 +94,7 @@ function Index() {
         {messages.map((message, i) => (
           <UserMessage
             key={i}
-            name={userMap[message.userId]?.name || "frogboi"}
+            name={userMap[message.userId]?.name || DEFAULT_NAME}
             hat={HAT_MAP[userMap[message.userId]!.hat]!}
             frog={FROG_MAP[userMap[message.userId]!.frog]!}
             image={message.svgPath}
diff --git a/isomophic-src/isomorphic.ts b/isomophic-src/isomorphic.ts
index 81a7791..edf2b5a 100644
--- a/isomophic-src/isomorphic.ts
+++ b/isomophic-src/isomorphic.ts
@@ -1,5 +1,7 @@
 import { z } from "zod";
 
+export const DEFAULT_NAME = "frogboi";
+
 const UploadSVGSchema = z.object({
     type: z.literal("upload-svg"),
     svg: z.string(),
diff --git a/server-src/server.ts b/server-src/server.ts
index 8d9c6ba..9f18e6e 100644
--- a/server-src/server.ts
+++ b/server-src/server.ts
@@ -4,7 +4,7 @@ import { Server } from "partyserver";
 
 import type { Connection, WSMessage } from "partyserver";
 
-import { FromClientSocketMessage, FromServerSocketMessage, Frog, Hat } from "../isomophic-src/isomorphic";
+import { FromClientSocketMessage, FromServerSocketMessage, Frog, Hat, DEFAULT_NAME } from "../isomophic-src/isomorphic";
 
 function getMessageForClient(data: FromServerSocketMessage): string {
   return JSON.stringify(data);
@@ -29,7 +29,7 @@ export class Chat extends Server {
 
         const hat = await this.ctx.storage.get<Hat>("hat") || "";
         const frog = await this.ctx.storage.get<Frog>("frog") || "Frog1AP";
-        const name = await this.ctx.storage.get<string>("name") || "frogboi";
+        const name = await this.ctx.storage.get<string>("name") || DEFAULT_NAME;
 
         this.broadcast(getMessageForClient({
           type: "svg_uploaded",
@@ -51,7 +51,7 @@ export class Chat extends Server {
       case "request-frog": {
         const hat = await this.ctx.storage.get<Hat>("hat") || "";
         const frog = await this.ctx.storage.get<Frog>("frog") || "Frog1AP";
-        const name = await this.ctx.storage.get<string>("name") || "frogboi";
+        const name = await this.ctx.storage.get<string>("name") || DEFAULT_NAME;
         connection.send(getMessageForClient({
           type: "get_frog",
           hat,
@@ -64,7 +64,7 @@ export class Chat extends Server {
       case "change-frog": {
         this.ctx.storage.put("hat", data.hat);
         this.ctx.storage.put("frog", data.frog);
-        const name = await this.ctx.storage.get<string>("name") || "frogboi";
+        const name = await this.ctx.storage.get<string>("name") || DEFAULT_NAME;
         this.broadcast(getMessageForClient({
           type: "frog_changed",
           hat: data.hat,