diff --git a/frontend/composables/use-groups.ts b/frontend/composables/use-groups.ts
index d74a2f47a..c82f43e0d 100644
--- a/frontend/composables/use-groups.ts
+++ b/frontend/composables/use-groups.ts
@@ -1,5 +1,5 @@
 import { useUserApi } from "~/composables/api";
-import type { GroupBase, GroupSummary } from "~/lib/api/types/user";
+import type { GroupBase, GroupInDB, GroupSummary } from "~/lib/api/types/user";
 
 const groupSelfRef = ref<GroupSummary | null>(null);
 const loading = ref(false);
@@ -45,7 +45,7 @@ export const useGroupSelf = function () {
 export const useGroups = function () {
   const api = useUserApi();
   const loading = ref(false);
-  const groups = ref<GroupSummary[] | null>(null);
+  const groups = ref<GroupInDB[] | null>(null);
 
   async function getAllGroups() {
     loading.value = true;
diff --git a/frontend/pages/admin/manage/groups/index.vue b/frontend/pages/admin/manage/groups/index.vue
index 6e095755a..0846cc02c 100644
--- a/frontend/pages/admin/manage/groups/index.vue
+++ b/frontend/pages/admin/manage/groups/index.vue
@@ -73,7 +73,7 @@
                   variant="text"
                   @click.stop="
                     confirmDialog = true;
-                    deleteTarget = +item.id;
+                    deleteTarget = item.id;
                   "
                 >
                   <v-icon>
@@ -114,7 +114,7 @@ export default defineNuxtComponent({
     const state = reactive({
       createDialog: false,
       confirmDialog: false,
-      deleteTarget: 0,
+      deleteTarget: "",
       search: "",
       headers: [
         {