diff --git a/app/resources/views/form/components/selectAsyncDependent.blade.php b/app/resources/views/form/components/selectAsyncDependent.blade.php
index 0d7761e0..21608e1c 100644
--- a/app/resources/views/form/components/selectAsyncDependent.blade.php
+++ b/app/resources/views/form/components/selectAsyncDependent.blade.php
@@ -32,6 +32,21 @@
         <div dusk="all">@{{ form.$all }}</div>
         <x-splade-submit />
     </x-splade-form>
+
+    <x-splade-form dusk="select-first" :default="['country' => 'BE']" :action="route('form.components.selectAsync')" class="space-y-4" >
+        <x-splade-select label="Country" dusk="country" name="country" :options="app('countries.keyValue')" />
+        <x-splade-select label="Region" dusk="province" name="province" placeholder="Pick a region" remote-url="`/api/provinces/${form.country}`" select-first-remote-option />
+        <div dusk="all">@{{ form.$all }}</div>
+        <x-splade-submit />
+    </x-splade-form>
+
+    <x-splade-form dusk="select-reset" :default="['country' => 'BE']" :action="route('form.components.selectAsync')" class="space-y-4" >
+        <x-splade-select label="Country" dusk="country" name="country" :options="app('countries.keyValue')" />
+        <x-splade-select label="Region" dusk="province" name="province" placeholder="Pick a region" remote-url="`/api/provinces/${form.country}`" reset-on-new-remote-url />
+        <div dusk="all">@{{ form.$all }}</div>
+        <x-splade-submit />
+    </x-splade-form>
+
 </div>
 
 @endsection
\ No newline at end of file
diff --git a/app/resources/views/form/components/selectAsyncNested.blade.php b/app/resources/views/form/components/selectAsyncNested.blade.php
index 0869963c..0caf7b1d 100644
--- a/app/resources/views/form/components/selectAsyncNested.blade.php
+++ b/app/resources/views/form/components/selectAsyncNested.blade.php
@@ -32,6 +32,20 @@
         <div dusk="all">@{{ form.$all }}</div>
         <x-splade-submit />
     </x-splade-form>
+
+    <x-splade-form dusk="select-first" :default="['country' => 'BE']" :action="route('form.components.selectAsync')" class="space-y-4" >
+        <x-splade-select label="Country" dusk="country" name="country" :options="app('countries.keyValue')" />
+        <x-splade-select label="Region" dusk="province" name="province" placeholder="Pick a region" remote-url="`/api/provinces/${form.country}?nested=1`" remote-root="data.nested" select-first-remote-option />
+        <div dusk="all">@{{ form.$all }}</div>
+        <x-splade-submit />
+    </x-splade-form>
+
+    <x-splade-form dusk="select-reset" :default="['country' => 'BE']" :action="route('form.components.selectAsync')" class="space-y-4" >
+        <x-splade-select label="Country" dusk="country" name="country" :options="app('countries.keyValue')" />
+        <x-splade-select label="Region" dusk="province" name="province" placeholder="Pick a region" remote-url="`/api/provinces/${form.country}?nested=1`" remote-root="data.nested" reset-on-new-remote-url />
+        <div dusk="all">@{{ form.$all }}</div>
+        <x-splade-submit />
+    </x-splade-form>
 </div>
 
 @endsection
\ No newline at end of file
diff --git a/app/resources/views/navigation/nav.blade.php b/app/resources/views/navigation/nav.blade.php
index d20930a3..d925d33d 100644
--- a/app/resources/views/navigation/nav.blade.php
+++ b/app/resources/views/navigation/nav.blade.php
@@ -11,6 +11,7 @@
         <Link dusk="awayViaFacade" href="/navigation/awayViaFacade">AwayViaFacade</Link>
         <Link away dusk="awayViaLink" href="https://splade.dev">AwayViaLink</Link>
         <Link dusk="lazy" href="/lazy">Lazy</Link>
+        <Link dusk="auth" href="{{ route('navigation.one.auth') }}">Auth</Link>
 
         <Link confirm dusk="confirm" href="/navigation/two">Confirm to two</Link>
         <Link
diff --git a/app/tests/Browser/AuthTest.php b/app/tests/Browser/AuthTest.php
new file mode 100644
index 00000000..c2d60cf3
--- /dev/null
+++ b/app/tests/Browser/AuthTest.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Tests\Browser;
+
+use Laravel\Dusk\Browser;
+use Tests\DuskTestCase;
+
+class AuthTest extends DuskTestCase
+{
+    /** @test */
+    public function it_handles_the_login_redirect()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('/navigation/two')
+                ->waitForText('NavigationTwo')
+                ->click('@auth')
+                ->waitForRoute('navigation.one')
+                ->assertSee('NavigationOne');
+        });
+    }
+}
diff --git a/app/tests/Browser/Form/SelectDependentTest.php b/app/tests/Browser/Form/SelectDependentTest.php
index b730f1d0..7c5e9c1b 100644
--- a/app/tests/Browser/Form/SelectDependentTest.php
+++ b/app/tests/Browser/Form/SelectDependentTest.php
@@ -112,4 +112,49 @@ public function it_restores_the_placeholder_on_choices_multiple_select($url)
                 });
         });
     }
+
+    /**
+     * @dataProvider dependentUrls
+     *
+     * @test
+     */
+    public function it_can_select_the_first_remote_option($url)
+    {
+        $this->browse(function (Browser $browser) use ($url) {
+            $browser->visit($url)
+                ->waitForText('FormComponents')
+                ->waitUntilMissing('svg')
+                ->within('@select-first', function (Browser $browser) {
+                    $browser
+                       ->waitUntilMissing('svg')
+                       ->assertSeeIn('@all', '{ "country": "BE", "province": "BE-VAN" }')
+                       ->select('@country', 'NL')
+                       ->waitUntilMissing('svg')
+                       ->assertSeeIn('@all', '{ "country": "NL", "province": "NL-AW" }');
+                });
+        });
+    }
+
+    /**
+     * @dataProvider dependentUrls
+     *
+     * @test
+     */
+    public function it_can_reset_the_select_option_on_a_remote_url_change($url)
+    {
+        $this->browse(function (Browser $browser) use ($url) {
+            $browser->visit($url)
+                ->waitForText('FormComponents')
+                ->waitUntilMissing('svg')
+                ->within('@select-reset', function (Browser $browser) {
+                    $browser
+                       ->waitUntilMissing('svg')
+                       ->select('@province', 'BE-VAN')
+                       ->assertSeeIn('@all', '{ "country": "BE", "province": "BE-VAN" }')
+                       ->select('@country', 'NL')
+                       ->waitUntilMissing('svg')
+                       ->assertSeeIn('@all', '{ "country": "NL", "province": "" }');
+                });
+        });
+    }
 }
diff --git a/lib/Components/Select.vue b/lib/Components/Select.vue
index 6e44bd55..0f0ad960 100644
--- a/lib/Components/Select.vue
+++ b/lib/Components/Select.vue
@@ -80,6 +80,18 @@ export default {
             required: false,
             default: null,
         },
+
+        selectFirstRemoteOption: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+
+        resetOnNewRemoteUrl: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
     },
 
     emits: ["update:modelValue"],
@@ -167,100 +179,121 @@ export default {
     },
 
     methods: {
-        /*
-         * Loads the options from a remote URL. It removes all current options from the select
-         * element, and then adds the new options. If the components uses Choices.js,
-         * it will first destroy the instance and then re-initialize it.
-         */
-        loadRemoteOptions() {
-            if(!this.remoteUrl) {
-                return;
+        async setOptionsFromRemote(data) {
+            // Cleanup previous choices instance.
+            this.destroyChoicesInstance();
+
+            if(this.resetOnNewRemoteUrl) {
+                this.$emit("update:modelValue", this.multiple ? [] : "");
             }
 
-            this.loading = true;
+            let options = [];
 
-            Axios({
-                url: this.remoteUrl,
-                method: "GET",
-                headers: {
-                    Accept: "application/json",
-                },
-            })
-                .then((response) => {
-                    // Cleanup previous choices instance.
-                    this.destroyChoicesInstance();
+            // Start with the the placeholder.
+            if(this.placeholder) {
+                options.push(this.placeholder);
+            }
 
-                    let options = [];
+            // Normalize the response.
+            options = this.normalizeOptions(data, options);
 
-                    // Start with the the placeholder.
-                    if(this.placeholder) {
-                        options.push(this.placeholder);
-                    }
+            var index;
+            var currentOptionsCount = this.element.options.length - 1;
 
-                    // Normalize the response.
-                    options = this.normalizeOptions(this.remoteRoot ? get(response.data, this.remoteRoot) : response.data, options);
+            for(index = currentOptionsCount; index >= 0; index--) {
+                // Remove all current options.
+                this.element.remove(index);
+            }
 
-                    var index;
-                    var currentOptionsCount = this.element.options.length - 1;
+            let hasSelectedOption = false;
 
-                    for(index = currentOptionsCount; index >= 0; index--) {
-                        // Remove all current options.
-                        this.element.remove(index);
-                    }
+            forOwn(options, (option) => {
+                // Add the new options.
+                var optionElement = document.createElement("option");
 
-                    let hasSelectedOption = false;
+                optionElement.value = option.value;
+                optionElement.text = option.label;
 
-                    forOwn(options, (option) => {
-                        // Add the new options.
-                        var optionElement = document.createElement("option");
+                if(option.value === `${this.modelValue}` && option.value !== "") {
+                    // The current value is in the new options, we use this later on
+                    // to set the value on the select element and Choices instance.
+                    hasSelectedOption = true;
+                }
 
-                        optionElement.value = option.value;
-                        optionElement.text = option.label;
+                if(option.disabled) {
+                    optionElement.disabled = option.disabled;
+                }
 
-                        if(option.value === `${this.modelValue}`) {
-                            // The current value is in the new options, we use this later on
-                            // to set the value on the select element and Choices instance.
-                            hasSelectedOption = true;
-                        }
+                if(option.placeholder) {
+                    optionElement.placeholder = option.placeholder;
+                }
 
-                        if(option.disabled) {
-                            optionElement.disabled = option.disabled;
-                        }
+                // Add the option to the select element.
+                this.element.appendChild(optionElement);
+            });
 
-                        if(option.placeholder) {
-                            optionElement.placeholder = option.placeholder;
-                        }
 
-                        // Add the option to the select element.
-                        this.element.appendChild(optionElement);
-                    });
+            if(!hasSelectedOption && this.selectFirstRemoteOption) {
+                const firstOption = this.placeholder ? options[1] : options[0];
 
-                    if(!hasSelectedOption) {
-                        // The current value is not in the new options, we set the value to null.
-                        this.$emit("update:modelValue", this.multiple ? [] : "");
-                    }
+                if(firstOption){
+                    this.$emit("update:modelValue", this.multiple ? [firstOption.value] : firstOption.value);
+                    await this.$nextTick();
+                }
 
-                    if(this.choices) {
-                        // Re-initialize the Choices instance.
-                        return this.initChoices(this.element).then(() => {
-                            this.loading = false;
-                        });
-                    }
+                hasSelectedOption = true;
+            }
 
-                    if(hasSelectedOption) {
-                        // The current value is in the new options, we set the value on the select element.
-                        this.element.value = this.modelValue;
-                    } else {
-                        // The current value is not in the new options, we set the value to null.
-                        this.$nextTick(() => {
-                            this.element.selectedIndex = 0;
-                        });
-                    }
+            if(!hasSelectedOption) {
+                // The current value is not in the new options, we set the value to null.
+                this.$emit("update:modelValue", this.multiple ? [] : "");
+            }
 
+            if(this.choices) {
+                // Re-initialize the Choices instance.
+                return this.initChoices(this.element).then(() => {
                     this.loading = false;
+                });
+            }
+
+            if(hasSelectedOption) {
+                // The current value is in the new options, we set the value on the select element.
+                this.element.value = this.modelValue;
+            } else {
+                // The current value is not in the new options, we set the value to null.
+                this.$nextTick(() => {
+                    this.element.selectedIndex = 0;
+                });
+            }
+        },
+
+        /*
+         * Loads the options from a remote URL. It removes all current options from the select
+         * element, and then adds the new options. If the components uses Choices.js,
+         * it will first destroy the instance and then re-initialize it.
+         */
+        loadRemoteOptions() {
+            if(!this.remoteUrl) {
+                return;
+            }
 
+            this.loading = true;
+
+
+            Axios({
+                url: this.remoteUrl,
+                method: "GET",
+                headers: {
+                    Accept: "application/json",
+                },
+            })
+                .then((response) => {
+                    this.setOptionsFromRemote(this.remoteRoot ? get(response.data, this.remoteRoot) : response.data);
                 })
                 .catch(() => {
+                    this.setOptionsFromRemote([]);
+                })
+                .finally(() => {
                     this.loading = false;
                 });
         },
@@ -407,6 +440,10 @@ export default {
                                 // The Headless UI Dialog blocks the events on the Choices.js
                                 // instance, so we put an event listener on the portal root.
                                 vm.headlessListener = function(e) {
+                                    if(!vm.choicesInstance) {
+                                        return;
+                                    }
+
                                     const isActive = vm.choicesInstance.dropdown.isActive;
 
                                     if(!isActive && e.target === selectElement) {
diff --git a/resources/views/form/select.blade.php b/resources/views/form/select.blade.php
index f86831b0..f7158e9f 100644
--- a/resources/views/form/select.blade.php
+++ b/resources/views/form/select.blade.php
@@ -10,6 +10,8 @@
     :remote-root="@js($remoteRoot ?: null)"
     :option-value="@js($optionValue)"
     :option-label="@js($optionLabel)"
+    :select-first-remote-option="@js($selectFirstRemoteOption)"
+    :reset-on-new-remote-url="@js($resetOnNewRemoteUrl)"
 >
     <template #default="{!! $scope !!}">
         <label class="block" v-bind:class="{ 'pointer-events-none': select.loading }">
diff --git a/resources/views/table/head.blade.php b/resources/views/table/head.blade.php
index 977bb2cb..6f81e41c 100644
--- a/resources/views/table/head.blade.php
+++ b/resources/views/table/head.blade.php
@@ -16,7 +16,7 @@ class="@if($loop->first && $hasBulkActions) pr-6 @else px-6 @endif py-3 text-lef
                 @endif
 
                 <span class="flex flex-row items-center">
-                    <span class="uppercase">{{ $column->label }}</span>
+                    <span class="uppercase w-full">{{ $column->label }}</span>
 
                     @if($column->sortable)
                         <svg aria-hidden="true" class="w-3 h-3 ml-2 @if($column->sorted) text-green-500 @else text-gray-400 @endif" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
diff --git a/src/Components/Form/Select.php b/src/Components/Form/Select.php
index f0077907..4b12e3b7 100644
--- a/src/Components/Form/Select.php
+++ b/src/Components/Form/Select.php
@@ -16,6 +16,10 @@ class Select extends Component
 
     private static bool|array $defaultChoicesOptions = false;
 
+    private static bool $defaultResetOnNewRemoteUrl = false;
+
+    private static bool $defaultSelectFirstRemoteOption = false;
+
     /**
      * Create a new component instance.
      *
@@ -38,6 +42,8 @@ public function __construct(
         public string $optionValue = '',
         public string $optionLabel = '',
         public string $scope = 'select',
+        public bool|null $resetOnNewRemoteUrl = null,
+        public bool|null $selectFirstRemoteOption = null,
     ) {
         if ($placeholder === true) {
             $this->placeholder = __('Search') . '...';
@@ -61,6 +67,14 @@ public function __construct(
         if (!Str::startsWith($remoteUrl, '`') && !Str::endsWith($remoteUrl, '`')) {
             $this->remoteUrl = Js::from($remoteUrl);
         }
+
+        $this->resetOnNewRemoteUrl = is_bool($resetOnNewRemoteUrl)
+            ? $resetOnNewRemoteUrl
+            : static::$defaultResetOnNewRemoteUrl;
+
+        $this->selectFirstRemoteOption = is_bool($selectFirstRemoteOption)
+            ? $selectFirstRemoteOption
+            : static::$defaultSelectFirstRemoteOption;
     }
 
     /**
@@ -73,6 +87,22 @@ public static function defaultChoices(bool|array $options = true)
         static::$defaultChoicesOptions = $options;
     }
 
+    /**
+     * Set the default value for the resetOnNewRemoteUrl property.
+     */
+    public static function defaultResetOnNewRemoteUrl(bool $value = true)
+    {
+        static::$defaultResetOnNewRemoteUrl = $value;
+    }
+
+    /**
+     * Set the default value for the selectFirstRemoteOption property.
+     */
+    public static function defaultSelectFirstRemoteOption(bool $value = true)
+    {
+        static::$defaultSelectFirstRemoteOption = $value;
+    }
+
     /**
      * Returns the JSON representation of the Choices.js options.
      */
diff --git a/src/FormBuilder/Select.php b/src/FormBuilder/Select.php
index bb1bf980..4961bb0d 100644
--- a/src/FormBuilder/Select.php
+++ b/src/FormBuilder/Select.php
@@ -22,6 +22,10 @@ class Select extends Component
 
     protected string $optionValue = '';
 
+    protected bool|null $resetOnNewRemoteUrl = null;
+
+    protected bool|null $selectFirstRemoteOption = null;
+
     public function options(array $options = []): self
     {
         $this->options = $options;
@@ -84,6 +88,20 @@ public function optionValue(string $optionValue = ''): self
         return $this;
     }
 
+    public function resetOnNewRemoteUrl(bool $value = true)
+    {
+        $this->resetOnNewRemoteUrl = $value;
+
+        return $this;
+    }
+
+    public function selectFirstRemoteOption(bool $value = true)
+    {
+        $this->selectFirstRemoteOption = $value;
+
+        return $this;
+    }
+
     /**
      * Renders the SpladeSelect
      *
@@ -102,7 +120,9 @@ public function toSpladeComponent()
             remoteUrl:   $this->remoteUrl,
             remoteRoot:  $this->remoteRoute,
             optionValue: $this->optionValue,
-            optionLabel: $this->optionLabel
+            optionLabel: $this->optionLabel,
+            resetOnNewRemoteUrl: $this->resetOnNewRemoteUrl,
+            selectFirstRemoteOption: $this->selectFirstRemoteOption
         );
     }
 }
diff --git a/src/SpladeCore.php b/src/SpladeCore.php
index 8bfad173..f2158822 100755
--- a/src/SpladeCore.php
+++ b/src/SpladeCore.php
@@ -3,12 +3,14 @@
 namespace ProtoneMedia\Splade;
 
 use Closure;
+use Illuminate\Auth\AuthenticationException;
 use Illuminate\Foundation\Exceptions\Handler;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Str;
 use Illuminate\Validation\ValidationException;
+use ProtoneMedia\Splade\Facades\Splade;
 use ProtoneMedia\Splade\Http\ResolvableData;
 use Symfony\Component\HttpFoundation\Response;
 use Throwable;
@@ -317,6 +319,13 @@ public static function exceptionHandler(Handler $exceptionHandler, callable $ren
                     return $this->invalidJson($request, $e);
                 }
 
+                if ($e instanceof AuthenticationException) {
+                    // Still use request()->guest() so the "indented" URL is preserved.
+                    return Splade::redirectAway(
+                        redirect()->guest($e->redirectTo() ?? route('login'))->getTargetUrl()
+                    );
+                }
+
                 return $this->prepareResponse($request, $e);
             }
         }, $exceptionHandler, get_class($exceptionHandler));
diff --git a/src/SpladeQueryBuilder.php b/src/SpladeQueryBuilder.php
index 4cb87a7c..9c404905 100644
--- a/src/SpladeQueryBuilder.php
+++ b/src/SpladeQueryBuilder.php
@@ -313,10 +313,14 @@ public function addCurrentPerPageValueToOptions()
     /**
      * Prepares the query and loads the results.
      *
-     * @return void
+     * @return $this
      */
-    public function beforeRender()
+    public function loadResource(): self
     {
+        if ($this->resourceLoaded) {
+            return $this;
+        }
+
         if (!$this->builder instanceof SpatieQueryBuilder) {
             $this->applyFilters();
             $this->applySearchInputs();
@@ -325,7 +329,8 @@ public function beforeRender()
         }
 
         $this->loadResults();
-        $this->resolveRowLinks();
+
+        return parent::loadResource();
     }
 
     /**
diff --git a/src/SpladeTable.php b/src/SpladeTable.php
index 4a17dedc..2c5bd7e0 100644
--- a/src/SpladeTable.php
+++ b/src/SpladeTable.php
@@ -49,6 +49,8 @@ class SpladeTable
 
     protected ?AbstractTable $configurator = null;
 
+    protected bool $resourceLoaded = false;
+
     /**
      * Creates a new instance.
      *
@@ -273,12 +275,22 @@ public function hasPerPageQuery(): bool
 
     /**
      * Any action that should be performed before rendering the Table component.
-     *
-     * @return void
      */
-    public function beforeRender()
+    public function beforeRender(): void
     {
-        $this->resolveRowLinks();
+        $this->loadResource()->resolveRowLinks();
+    }
+
+    /**
+     * Any action that should be performed interacting with the resource.
+     */
+    public function loadResource(): self
+    {
+        if (!$this->resourceLoaded) {
+            $this->resourceLoaded = true;
+        }
+
+        return $this;
     }
 
     public function performBulkAction(callable $action, array $ids)
diff --git a/src/Table/HasResource.php b/src/Table/HasResource.php
index c23ae419..ec88c4ff 100644
--- a/src/Table/HasResource.php
+++ b/src/Table/HasResource.php
@@ -40,6 +40,8 @@ protected function resolveRowLinks()
             return;
         }
 
+        $this->loadResource();
+
         $collection = $this->resource instanceof LengthAwarePaginator
             ? $this->resource->items()
             : $this->resource;
@@ -72,6 +74,8 @@ public function rowSlideover(callable $callback): self
      */
     public function perPage(): int
     {
+        $this->loadResource();
+
         if ($this->resource instanceof LengthAwarePaginator) {
             return $this->resource->perPage();
         }
@@ -86,6 +90,8 @@ public function perPage(): int
      */
     public function totalOnThisPage()
     {
+        $this->loadResource();
+
         if ($this->resource instanceof LengthAwarePaginator) {
             return count($this->resource->items());
         }
@@ -100,6 +106,8 @@ public function totalOnThisPage()
      */
     public function totalOnAllPages()
     {
+        $this->loadResource();
+
         if ($this->resource instanceof LengthAwarePaginator) {
             return $this->resource->total();
         }
@@ -112,6 +120,8 @@ public function totalOnAllPages()
      */
     public function isEmpty(): bool
     {
+        $this->loadResource();
+
         return count($this->resource) === 0;
     }
 
@@ -157,6 +167,8 @@ public function findPrimaryKey($item)
      */
     public function getPrimaryKeys(): array
     {
+        $this->loadResource();
+
         $ids = [];
 
         foreach ($this->resource as $item) {