diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index f6b40abb7..0b2b93ede 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -385,4 +385,11 @@ document.querySelectorAll('[data-truncate]').forEach((truncate) => {
         }
     });
 });
+
+//disable/enable icons ejected from data-truncate
+document.querySelectorAll('[data-index-icon]').forEach((defaultText) => {
+    defaultText.parentElement.parentElement.parentElement.appendChild(defaultText);
+});
+//disable/enable icons ejected from data-truncate
+
 //margue animation for truncated text
diff --git a/resources/views/banking/accounts/index.blade.php b/resources/views/banking/accounts/index.blade.php
index d961ce33c..d86e3d743 100644
--- a/resources/views/banking/accounts/index.blade.php
+++ b/resources/views/banking/accounts/index.blade.php
@@ -64,9 +64,7 @@
 
                             <x-table.td class="w-6/12 sm:w-5/12">
                                 <x-slot name="first" class="flex font-bold">
-                                    <div class="truncate">
-                                        {{ $item->name }}
-                                    </div>
+                                    {{ $item->name }}
 
                                     @if (! $item->enabled)
                                         <x-index.disable text="{{ trans_choice('general.accounts', 1) }}" />
diff --git a/resources/views/components/index/default.blade.php b/resources/views/components/index/default.blade.php
index d972ae1aa..f6ffc1d28 100644
--- a/resources/views/components/index/default.blade.php
+++ b/resources/views/components/index/default.blade.php
@@ -1,5 +1,7 @@
-<x-tooltip id="{{ $id }}" placement="{{ $position }}" message="{{ $text }}">
-    <span class="material-icons{{ $iconType }} text-purple text-sm ml-2">
-        {{ $icon }}
-    </span>
-</x-tooltip>
+<div data-index-icon>
+    <x-tooltip id="{{ $id }}" placement="{{ $position }}" message="{{ $text }}">
+        <span class="material-icons{{ $iconType }} text-purple text-sm ml-2">
+            {{ $icon }}
+        </span>
+    </x-tooltip>
+</div>
diff --git a/resources/views/components/index/disable.blade.php b/resources/views/components/index/disable.blade.php
index c2efd9fa0..c169e6c34 100644
--- a/resources/views/components/index/disable.blade.php
+++ b/resources/views/components/index/disable.blade.php
@@ -1,5 +1,7 @@
-<x-tooltip id="{{ $id }}" placement="{{ $position }}" message="{{ $disableText }}">
-    <span class="material-icons{{ $iconType }} text-red text-sm ml-2">
-        {{ $icon }}
-    </span>
-</x-tooltip>
+<div data-index-icon>
+    <x-tooltip id="{{ $id }}" placement="{{ $position }}" message="{{ $disableText }}">
+        <span class="material-icons{{ $iconType }} text-red text-sm ml-2">
+            {{ $icon }}
+        </span>
+    </x-tooltip>
+</div>
diff --git a/resources/views/components/marguee-text.blade.php b/resources/views/components/marguee-text.blade.php
index 4abe36d4d..b645e38c1 100644
--- a/resources/views/components/marguee-text.blade.php
+++ b/resources/views/components/marguee-text.blade.php
@@ -1,4 +1,4 @@
-<div class="flex lg:block truncate">
+<div data-truncate-parent class="flex lg:block truncate">
     <div
     @class([ $width ])
     data-truncate