diff --git a/frontend/src/api/users.js b/frontend/src/api/users.js
index 9081398cd..33043c7b5 100644
--- a/frontend/src/api/users.js
+++ b/frontend/src/api/users.js
@@ -30,11 +30,12 @@ function deleteErrorText(response) {
 }
 export const userAPI = {
   async login(formData) {
-    let response = await apiReq.post(authURLs.token, formData, {
-      headers: {
-        "Content-Type": "application/x-www-form-urlencoded",
-      },
-    });
+    let response = await apiReq.post(
+      authURLs.token, 
+      formData,
+      function() { return i18n.t('user.incorrect-username-or-password'); },
+      function() { return i18n.t('user.user-successfully-logged-in'); }
+    );
     return response;
   },
   async refresh() {
diff --git a/frontend/src/components/Login/LoginForm.vue b/frontend/src/components/Login/LoginForm.vue
index 63ba2c768..52eca4c54 100644
--- a/frontend/src/components/Login/LoginForm.vue
+++ b/frontend/src/components/Login/LoginForm.vue
@@ -61,7 +61,6 @@
 
 <script>
 import { api } from "@/api";
-import utils from "@/utils";
 export default {
   props: {},
   data() {
@@ -92,20 +91,12 @@ export default {
       let formData = new FormData();
       formData.append("username", this.user.email);
       formData.append("password", this.user.password);
-      let key;
-      try {
-        key = await api.users.login(formData);
-      } catch {
+      const response = await api.users.login(formData);
+      if (!response) {
         this.error = true;
-      }
-      if (key.status != 200) {
-        utils.notify.error(this.$t('user.incorrect-username-or-password'));
-        this.error = true;
-        this.loading = false;
       } else {
-        utils.notify.success(this.$t('user.user-successfully-logged-in'));
         this.clear();
-        this.$store.commit("setToken", key.data.access_token);
+        this.$store.commit("setToken", response.data.access_token);
         this.$emit("logged-in");
       }