diff --git a/changelogs/unreleased/-20jwqu1.yml b/changelogs/unreleased/-20jwqu1.yml
new file mode 100644
index 000000000..8724e8621
--- /dev/null
+++ b/changelogs/unreleased/-20jwqu1.yml
@@ -0,0 +1,6 @@
+---
+title: 'Improved: code to remove error while having spaces arround fields on Login page.'
+ticket_id: "#20jwqu1"
+merge_request: 54
+author: Aniket Kumar Pandey
+type: fixed
diff --git a/src/views/login.vue b/src/views/login.vue
index c87930e1b..812fa96fd 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -67,9 +67,9 @@ export default defineComponent({
   },
   methods: {
     login: function () {
-       this.store.dispatch("user/setUserInstanceUrl", this.instanceUrl)
+       this.store.dispatch("user/setUserInstanceUrl", this.instanceUrl.trim())
       const { username, password } = this;
-      this.store.dispatch("user/login", { username, password }).then((data: any) => {
+      this.store.dispatch("user/login", { username: username.trim(), password }).then((data: any) => {
         if (data.token) {
           this.username = ''
           this.password = ''