diff --git a/kdb-web/src/app/modules/view/server/members/members.component.ts b/kdb-web/src/app/modules/view/server/members/members.component.ts
index 51bf7cba..ba7794ac 100644
--- a/kdb-web/src/app/modules/view/server/members/members.component.ts
+++ b/kdb-web/src/app/modules/view/server/members/members.component.ts
@@ -19,6 +19,7 @@ import { Mutations } from "../../../../models/graphql/mutations.model";
 import { throwError } from "rxjs";
 import { UpdateUserMutationResult } from "../../../../models/graphql/result.model";
 import { ActivatedRoute } from "@angular/router";
+import { Level } from "../../../../models/data/level.model";
 
 @Component({
   selector: "app-members",
@@ -65,7 +66,7 @@ export class MembersComponent implements OnInit {
     discordId: FormControl<number | null>,
     name: FormControl<string | null>,
     leftServer: FormControl<boolean | null>,
-    level: FormControl<number | null>
+    level: FormControl<Level | null>
   }>;
 
   filter: UserFilter = {};
@@ -132,7 +133,7 @@ export class MembersComponent implements OnInit {
       discordId: new FormControl<number | null>(null),
       name: [""],
       leftServer: new FormControl<boolean | null>(null),
-      level: new FormControl<number | null>(null)
+      level: new FormControl<Level | null>(null)
     });
 
     this.filterForm.valueChanges.pipe(
@@ -164,7 +165,7 @@ export class MembersComponent implements OnInit {
 
       if (changes.level) {
         this.filter.level = {
-          id: changes.level
+          id: changes.level.id
         };
       } else {
         this.filter.level = undefined;