diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index 090449efe..32c8aed66 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -392,6 +392,19 @@ function marqueeAnimation(truncate) {
         });
 
         truncate.classList.add('truncate');
+
+        // if truncate has truncate class, text marquee animate doesn't pretty work
+        if (truncate.querySelector('.truncate') !== null && truncate.querySelector('.truncate').classList.contains('truncate')) {
+            let old_element = truncate.querySelector('.truncate');
+            let parent = old_element.parentNode;
+            
+            let new_element = document.createElement('span');
+            new_element.innerHTML = old_element.innerHTML;
+            new_element.classList = old_element.classList;
+
+            parent.replaceChild(new_element, old_element);
+        }
+        // if truncate has truncate class, text marquee animate doesn't pretty work
         
         // There needs to be two div for disable/enable icons. If I don't create this div, animation will work with disable/enable icons.-->
         let animate_element = document.createElement('div');
diff --git a/resources/views/settings/currencies/index.blade.php b/resources/views/settings/currencies/index.blade.php
index b22f60d7b..330df7153 100644
--- a/resources/views/settings/currencies/index.blade.php
+++ b/resources/views/settings/currencies/index.blade.php
@@ -58,9 +58,9 @@
 
                             <x-table.td class="w-6/12 sm:w-4/12">
                                 <x-slot name="first" class="flex font-bold" override="class">
-                                    <span class="font-bold truncate">
+                                    <div class="font-bold truncate">
                                         {{ $item->name }}
-                                    </span>
+                                    </div>
 
                                     @if (! $item->enabled)
                                         <x-index.disable text="{{ trans_choice('general.currencies', 1) }}" />