diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index 2b7207e44..d3580a8ed 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -456,6 +456,7 @@ document.querySelectorAll('[data-index-icon]').forEach((defaultText) => {
     
         if (icon_parents_element.classList.contains('flex')) {
             icon_parents_element.appendChild(defaultText);
+            icon_parents_element.classList.remove('truncate');
         } else {
             if (icon_parents_element.classList.contains('overflow-x-hidden')) {
                 icon_parents_element.parentElement.appendChild(defaultText);
diff --git a/resources/assets/js/mixins/global.js b/resources/assets/js/mixins/global.js
index 52eac68f3..868b4de88 100644
--- a/resources/assets/js/mixins/global.js
+++ b/resources/assets/js/mixins/global.js
@@ -179,7 +179,7 @@ export default {
 
         //swiper slider for long tabs items
         for (let [index, item] of document.querySelectorAll('[data-swiper]').entries()) {
-            if (item.clientWidth < item.querySelector('[data-tabs-swiper-wrapper]').clientWidth) {
+            if (item.clientWidth < item.querySelector('[data-tabs-swiper-wrapper]').clientWidth && ! item.querySelector('[data-tabs-swiper-wrapper]').getAttribute('data-disable-slider', true)) {
                 let initial_slide = 0;
                 let hash_split = window.location.hash.split('#')[1];
                 let loop = 0;
diff --git a/resources/views/components/tabs/index.blade.php b/resources/views/components/tabs/index.blade.php
index aaa39d25f..f2d33fb8c 100644
--- a/resources/views/components/tabs/index.blade.php
+++ b/resources/views/components/tabs/index.blade.php
@@ -10,7 +10,7 @@
 
 <div data-swiper="{{ $slides }}" x-data="{ active: window.location.hash.split('#')[1] == undefined ? '{{ $active }}' : window.location.hash.split('#')[1] }">
     <div data-tabs-swiper>
-        <ul data-tabs-swiper-wrapper {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'inline-flex']) : $attributes }}>
+        <ul data-tabs-swiper-wrapper {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'inline-flex overflow-x-scroll large-overflow-unset']) : $attributes }}>
             {!! $navs !!}
         </ul>
     </div>