diff --git a/resources/views/select-tree.blade.php b/resources/views/select-tree.blade.php
index 4fb9414..b995a46 100644
--- a/resources/views/select-tree.blade.php
+++ b/resources/views/select-tree.blade.php
@@ -14,14 +14,13 @@
     <div
         wire:key="{{ $getTreeKey() }}"
         wire:ignore
-        x-ignore
         @if (FilamentView::hasSpaMode(url()->current()))
-            ax-load="visible"
+            x-load="visible || event (ax-modal-opened)"
         @else
-            ax-load
+            x-load
         @endif
-        ax-load-css="{{ FilamentAsset::getStyleHref('filament-select-tree-styles', package: 'codewithdennis/filament-select-tree') }}"
-        ax-load-src="{{ FilamentAsset::getAlpineComponentSrc('filament-select-tree', package: 'codewithdennis/filament-select-tree') }}"
+        x-load-css="[@js(FilamentAsset::getStyleHref('filament-select-tree-styles', package: 'codewithdennis/filament-select-tree'))]"
+        x-load-src="{{ FilamentAsset::getAlpineComponentSrc('filament-select-tree', package: 'codewithdennis/filament-select-tree') }}"
         x-data="selectTree({
             name: @js($getName()),
             state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }},