diff --git a/web/src/pages/SignIn/SignIn.tsx b/web/src/pages/SignIn/SignIn.tsx
index 5a6536c4b..c2a0a7ece 100644
--- a/web/src/pages/SignIn/SignIn.tsx
+++ b/web/src/pages/SignIn/SignIn.tsx
@@ -20,11 +20,7 @@ export const SignIn: React.FC = () => {
 
   const onLogin = useCallback(
     (data: LoginForm) => {
-      const formData = new FormData()
-      formData.append('username', data.username)
-      formData.append('password', data.password)
-
-      mutate(formData as unknown as void)
+      mutate({ login_identifier: data.username, password: data.password } as unknown as void)
         .then(result => {
           setToken(result.access_token as string)
           history.replace(routes.toCODESpaces())
diff --git a/web/src/pages/SignUp/SignUp.tsx b/web/src/pages/SignUp/SignUp.tsx
index 5095f7800..bc5f2a98b 100644
--- a/web/src/pages/SignUp/SignUp.tsx
+++ b/web/src/pages/SignUp/SignUp.tsx
@@ -32,13 +32,12 @@ export const SignUp: React.FC = () => {
   const { mutate } = useOnRegister({})
   const onRegister = useCallback(
     (data: RegisterForm) => {
-      const formData = new FormData()
-      formData.append('username', data.username)
-      formData.append('email', data.username)
-      formData.append('displayname', data.username)
-      formData.append('password', data.password)
-
-      mutate(formData as unknown as void)
+      mutate({
+        display_name: data.username,
+        email: data.email,
+        uid: data.username,
+        password: data.password
+      } as unknown as void)
         .then(result => {
           setToken(result.access_token as string)
           showSuccess(getString('userCreated'))