diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index 938a1819c..f6b40abb7 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -360,7 +360,7 @@ if (navigator.userAgent.search("Firefox") >= 0) {
 
 //margue animation for truncated text
 document.querySelectorAll('[data-truncate]').forEach((truncate) => {
-    let truncateText = truncate.textContent.split(" ").join("");
+    let truncateText = truncate.innerText.split(" ").join("");
 
     if (truncateText.length > 30) {
         truncate.classList.add('truncate');
diff --git a/resources/views/banking/transactions/index.blade.php b/resources/views/banking/transactions/index.blade.php
index f469aa217..9106735ae 100644
--- a/resources/views/banking/transactions/index.blade.php
+++ b/resources/views/banking/transactions/index.blade.php
@@ -153,8 +153,10 @@
                                                 <x-slot name="first">
                                                     {{ $item->type_title }}
                                                 </x-slot>
-                                                <x-slot name="second" class="flex items-center">
-                                                    <x-index.category :model="$item->category" />
+                                                <x-slot name="second">
+                                                    <div class="flex items-center">
+                                                        <x-index.category :model="$item->category" />
+                                                    </div>
                                                 </x-slot>
                                             </x-table.td>
 
diff --git a/resources/views/components/table/th.blade.php b/resources/views/components/table/th.blade.php
index e3d79db3f..a86ced55f 100644
--- a/resources/views/components/table/th.blade.php
+++ b/resources/views/components/table/th.blade.php
@@ -8,7 +8,9 @@
         }
     @endphp
     <div {{ $first_attributes }}>
-        {!! $first !!}
+        <x-marguee-text>
+            {!! $first !!}
+        </x-marguee-text>
     </div>
     @endif
 
@@ -21,9 +23,13 @@
         }
     @endphp
     <div {{ $second_attributes }}>
-        {!! $second !!}
+        <x-marguee-text>
+            {!! $second !!}
+        </x-marguee-text>
     </div>
     @endif
 
-    {{ $slot }}
+    <x-marguee-text>
+        {{ $slot }}
+    </x-marguee-text>
 </th>