diff --git a/frontend/src/app/(dashboard)/settings/users/page.tsx b/frontend/src/app/(dashboard)/settings/users/page.tsx
index d9700c9..6916c57 100644
--- a/frontend/src/app/(dashboard)/settings/users/page.tsx
+++ b/frontend/src/app/(dashboard)/settings/users/page.tsx
@@ -17,7 +17,7 @@ import {
 import { Plus, Pencil, Trash2, Key } from "lucide-react"
 import { toast } from "sonner"
 import { UserForm } from "@/components/users/user-form"
-import { FadeIn } from "@/components/animations"
+import { FadeIn } from "@/components/ui/animations"
 
 const roleColors: Record<string, string> = {
   superadmin: 'bg-red-100 text-red-800',
@@ -205,7 +205,7 @@ export default function UsersPage() {
       <UserForm
         open={isFormOpen}
         onOpenChange={setIsFormOpen}
-        onSubmit={formMode === 'create' ? handleCreate : handleUpdate}
+        onSubmit={formMode === 'create' ? ((data: ICreateUserInput) => handleCreate(data)) : ((data: IUpdateUserInput) => handleUpdate(data))}
         user={editingUser || undefined}
         mode={formMode}
       />
diff --git a/frontend/src/components/users/user-form.tsx b/frontend/src/components/users/user-form.tsx
index 5cbf74c..cc95b18 100644
--- a/frontend/src/components/users/user-form.tsx
+++ b/frontend/src/components/users/user-form.tsx
@@ -18,12 +18,13 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select"
-import { ICreateUserInput, IUpdateUserInput, IUser } from "@/lib/api"
+import { IUser } from "@/lib/api"
 
 interface UserFormProps {
   open: boolean
   onOpenChange: (open: boolean) => void
-  onSubmit: (data: ICreateUserInput | IUpdateUserInput) => Promise<void>
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  onSubmit: (data: any) => Promise<void>
   user?: IUser
   mode: 'create' | 'edit'
 }
@@ -36,13 +37,13 @@ const roles = [
 
 export function UserForm({ open, onOpenChange, onSubmit, user, mode }: UserFormProps) {
   const [loading, setLoading] = useState(false)
-  const [formData, setFormData] = useState<ICreateUserInput | IUpdateUserInput>({
+  const [formData, setFormData] = useState({
     username: user?.username || '',
     email: user?.email || '',
     first_name: user?.first_name || '',
     last_name: user?.last_name || '',
     password: '',
-    role: (user?.role as any) || 'trainer',
+    role: user?.role || 'trainer',
   })
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -130,7 +131,7 @@ export function UserForm({ open, onOpenChange, onSubmit, user, mode }: UserFormP
             <Label htmlFor="role">Rolle</Label>
             <Select
               value={formData.role}
-              onValueChange={(value) => setFormData({ ...formData, role: value as any })}
+              onValueChange={(value) => setFormData({ ...formData, role: value || 'trainer' })}
             >
               <SelectTrigger>
                 <SelectValue placeholder="Rolle auswählen" />