diff --git a/layouts/client.vue b/layouts/client.vue
index 312b0a5..6f82bf3 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -11,7 +11,7 @@
 				<Icon name="lucide:house" class="white" size="2rem" />
 			</NuxtLink>
 			<div id="servers-list">
-				<NuxtLink v-for="guild of guilds" :href="`/servers/${guild.uuid}`">
+				<NuxtLink v-for="guild of guilds" :href="`/servers/${guild.guild_uuid}`">
 					<Icon name="lucide:server" class="white" size="2rem" />
 				</NuxtLink>
 			</div>
@@ -21,12 +21,11 @@
 </template>
 
 <script lang="ts" setup>
-import type { GuildResponse } from '~/types/interfaces';
-
+import type { GuildMemberResponse } from '~/types/interfaces';
 
 const loading = useState("loading", () => false);
 
-const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
+const guilds: GuildMemberResponse[] | undefined = await fetchWithApi("/me/guilds");
 
 //const servers = await fetchWithApi("/servers") as { uuid: string, name: string, description: string }[];
 //console.log("servers:", servers);
diff --git a/types/interfaces.ts b/types/interfaces.ts
index c840a68..b4869e2 100644
--- a/types/interfaces.ts
+++ b/types/interfaces.ts
@@ -23,6 +23,14 @@ export interface GuildResponse {
     member_count: number
 }
 
+export interface GuildMemberResponse {
+	uuid: string,
+	nickname: string,
+	user_uuid: string,
+	guild_uuid: string,
+	user: UserResponse
+}
+
 export interface ChannelResponse {
 	uuid: string,
 	guild_uuid: string,