diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index a7504705a..aee12d105 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -81,6 +81,10 @@ function logout() {
     session.destroy();
     router.push('/login');
 }
+
+function copyUserToken(){
+    navigator.clipboard.writeText(session.getToken());
+}
 </script>
 
 <template>
@@ -122,7 +126,8 @@ function logout() {
                 <div class="text-subtitle1 q-mt-md">
                     <strong>{{ user.nickname }}</strong>
                 </div>
-                <div class="text-subtitle3 text-grey-7 q-mb-xs">@{{ user.name }}</div>
+                <div class="text-subtitle3 text-grey-7 q-mb-xs copyUserToken" @click="copyUserToken()" >@{{ user.name }}
+            </div>
 
                 <QBtn
                     id="logout"
@@ -143,4 +148,10 @@ function logout() {
 .panel {
     width: 150px;
 }
+
+.copyUserToken {
+   &:hover{
+    cursor: alias;
+   }
+}
 </style>
diff --git a/src/css/app.scss b/src/css/app.scss
index 02d4f8946..65db51d30 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -17,9 +17,9 @@ a {
 // Removes chrome autofill background
 input:-webkit-autofill,
 select:-webkit-autofill {
-    color: $input-text-color !important;
+    color:  var(--vn-text) ;
     font-family: $typography-font-family;
-    -webkit-text-fill-color: $input-text-color !important;
+    -webkit-text-fill-color: var(--vn-text) ;
     -webkit-background-clip: text !important;
     background-clip: text !important;
 }
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index 63385380e..7d07b8217 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -174,7 +174,23 @@ const columns = ref([
 ]);
 
 const downloadCSV = async () => {
-    await invoiceOutGlobalStore.getNegativeBasesCsv(dateRange.from, dateRange.to);
+    const params = filter.value;
+
+    const filterParams = {
+        limit: 20,
+        where: {
+            and: [],
+        },
+    };
+    for (const param in params) {
+        if (params[param]) filterParams.where.and.push({ [param]: params[param] });
+    }
+
+    await invoiceOutGlobalStore.getNegativeBasesCsv(
+        dateRange.from,
+        dateRange.to,
+        JSON.stringify(filterParams)
+    );
 };
 
 const search = async () => {
@@ -187,13 +203,13 @@ const search = async () => {
         }
     });
     const searchFilter = {
-        limit: 20
-    }
+        limit: 20,
+    };
 
     if (and.length) {
         searchFilter.where = {
-            and
-        }
+            and,
+        };
     }
 
     const params = {
@@ -230,9 +246,7 @@ const selectWorkerId = (id) => {
     selectedWorkerId.value = id;
 };
 
-onMounted(async () => {
-    refresh();
-});
+onMounted(() => refresh());
 </script>
 
 <template>
diff --git a/src/stores/invoiceOutGlobal.js b/src/stores/invoiceOutGlobal.js
index d449a577d..71e4c3537 100644
--- a/src/stores/invoiceOutGlobal.js
+++ b/src/stores/invoiceOutGlobal.js
@@ -219,9 +219,9 @@ export const useInvoiceOutGlobalStore = defineStore({
             throw err;
         },
 
-        async getNegativeBasesCsv(from, to) {
+        async getNegativeBasesCsv(from, to, filter = {}) {
             try {
-                const params = { from: from, to: to };
+                const params = { from: from, to: to, filter };
                 const CSVResponse = await invoiceOutService.getNegativeBasesCsv(params);
 
                 if (CSVResponse.data && CSVResponse.data.error) throw new Error();