diff --git a/aimenet-web/src/lib/aime-net.ts b/aimenet-web/src/lib/aime-net.ts
index 9801cde..eac9a26 100644
--- a/aimenet-web/src/lib/aime-net.ts
+++ b/aimenet-web/src/lib/aime-net.ts
@@ -1,7 +1,7 @@
 export const AIMENET_API_VERSION = 1;
 
 export interface AimeServerInfo {
-    name: string;
+    server_name: string;
     api_version: number;
 }
 
diff --git a/aimenet-web/src/pages/card-in-screen.tsx b/aimenet-web/src/pages/card-in-screen.tsx
index 62747ee..9b913a5 100644
--- a/aimenet-web/src/pages/card-in-screen.tsx
+++ b/aimenet-web/src/pages/card-in-screen.tsx
@@ -134,7 +134,7 @@ function ServerCardInPage() {
     return (
         <>
             <main className="flex flex-col gap-5 container min-h-screen py-10">
-                <AMHeader title={server?.name ?? "Server"}>
+                <AMHeader title={server?.server_name ?? "Server"}>
                     <Button variant="ghost" onClick={() => navigate('/')}>
                         <Home className="h-4 w-4 sm:mr-2"/>
                         <span className="hidden sm:block">Servers</span>
@@ -186,7 +186,7 @@ function ServerCardInPage() {
                     {server?.id && (
                         <AlertDialog>
                             <AlertDialogTrigger>
-                                <p className="text-sm text-red-700">Delete {server.name}</p>
+                                <p className="text-sm text-red-700">Delete {server.server_name}</p>
                             </AlertDialogTrigger>
                             <AlertDialogContent>
                                 <AlertDialogHeader>
diff --git a/aimenet-web/src/pages/server-listing.tsx b/aimenet-web/src/pages/server-listing.tsx
index 36b91e3..ce55075 100644
--- a/aimenet-web/src/pages/server-listing.tsx
+++ b/aimenet-web/src/pages/server-listing.tsx
@@ -61,7 +61,7 @@ function ServerList(props: { servers: AimeServer[] | undefined }) {
         {props.servers.map(s =>
             <ContextMenu key={s.id}>
                 <ContextMenuTrigger>
-                    <AMCard title={s.name} actionClicked={() => navigate(`/servers/${s.id}`)}>
+                    <AMCard title={s.server_name} actionClicked={() => navigate(`/servers/${s.id}`)}>
                         {s.lastConnected > 0 && (
                             <AMCardDetail>
                                 <History className="h-5 w-5"/>
@@ -111,14 +111,14 @@ function ServerAddForm() {
         // test for duplicate
         if (!existingServer) {
             const newId = await db.servers.add({
-                name: "Server",
+                server_name: "Server",
                 lastConnected: 0,
                 address: values.address
             });
 
             // set server name using id
             await db.servers.update(newId, {
-                name: `Server #${newId}`
+                server_name: `Server #${newId}`
             });
 
             navigate(`/servers/${newId}`);