diff --git a/resources/views/components/frameworks/tailwind/toggle-detail-responsive.blade.php b/resources/views/components/frameworks/tailwind/toggle-detail-responsive.blade.php
index 710d1e60..9f7f345a 100644
--- a/resources/views/components/frameworks/tailwind/toggle-detail-responsive.blade.php
+++ b/resources/views/components/frameworks/tailwind/toggle-detail-responsive.blade.php
@@ -10,7 +10,7 @@ class="flex items-center"
     >
         <x-livewire-powergrid::icons.arrow
             class="text-pg-primary-600 w-5 h-5 transition-all duration-300 dark:text-pg-primary-200"
-            x-bind:class="expanded == {{ $rowId }} ? 'rotate-90' : '-rotate-0'"
+            x-bind:class="expanded == '{{ $rowId }}' ? 'rotate-90' : '-rotate-0'"
         />
     </button>
 </td>