diff --git a/resources/views/livewire/grids/room-grid.blade.php b/resources/views/livewire/grids/room-grid.blade.php
index 868a5c9..cb9a380 100644
--- a/resources/views/livewire/grids/room-grid.blade.php
+++ b/resources/views/livewire/grids/room-grid.blade.php
@@ -44,15 +44,15 @@
         <div wire:poll.5s>
             <div class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
                 @forelse($rooms as $room)
-                    <template x-if="floor == '{{ $room->floor }}' && (type == 'all' || type == '{{ $room->type }}')">
-                        <div>
+                    
+                        <div x-show="floor == '{{ $room->floor }}' && (type == 'all' || type == '{{ $room->type }}')" x-transition class="transition-all duration-300">
                             @if($room->type->value === \App\Enums\RoomType::SVR->value)
                                 <x-room-card-svr :room="$room" />
                             @else
                                 <x-room-card :room="$room" />
                             @endif
                         </div>
-                    </template>
+                    
                 @empty
                     <div class="col-span-full text-center text-gray-500">尚無包廂資料</div>
                 @endforelse