diff --git a/resources/views/livewire/grids/room-grid.blade.php b/resources/views/livewire/grids/room-grid.blade.php
index d000570..e685b41 100644
--- a/resources/views/livewire/grids/room-grid.blade.php
+++ b/resources/views/livewire/grids/room-grid.blade.php
@@ -30,15 +30,13 @@
         <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>
-                            @if($room->type->value === \App\Enums\RoomType::SVR->value)
-                                <x-room-card-svr :room="$room" />
-                            @else
-                                <x-room-card :room="$room" />
-                            @endif
-                        </div>
-                    </template>
+                    <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>
                 @empty
                     <div class="col-span-full text-center text-gray-500">尚無包廂資料</div>
                 @endforelse