diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index a2034d6db..994b4eb15 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -30,6 +30,14 @@ document.querySelectorAll("[data-table-body]").forEach((table) => {
                     td_item.addEventListener("click", () => {
                         window.location.href = row_href;
                     });
+
+                    // added target blank for click mouse middle button
+                    td_item.addEventListener('mousedown', (event) => {
+                        if (event.button == 1 || event.buttons == 4) {
+                            window.open(row_href, "_blank");
+                        }
+                     });
+                     // added target blank for click mouse middle button
                 }
             }
         });
diff --git a/public/css/app.css b/public/css/app.css
index 1126fa496..95fd198af 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -49894,18 +49894,18 @@ body{
     gap: 0px;
   }
 
-  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
   }
 
+  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]){
     --tw-divide-x-reverse: 0;
     border-right-width: calc(2px * var(--tw-divide-x-reverse));