diff --git a/packages/forms/resources/views/components/builder.blade.php b/packages/forms/resources/views/components/builder.blade.php
index 96355477aa..f97b25b22a 100644
--- a/packages/forms/resources/views/components/builder.blade.php
+++ b/packages/forms/resources/views/components/builder.blade.php
@@ -78,27 +78,29 @@
                         x-on:builder-expand.window="$event.detail === '{{ $statePath }}' && (isCollapsed = false)"
                         x-on:builder-collapse.window="$event.detail === '{{ $statePath }}' && (isCollapsed = true)"
                         x-on:expand-concealing-component.window="
-                            error = $el.querySelector('[data-validation-error]')
+                            $nextTick(() => {
+                                error = $el.querySelector('[data-validation-error]')
 
-                            if (! error) {
-                                return
-                            }
+                                if (! error) {
+                                    return
+                                }
 
-                            isCollapsed = false
+                                isCollapsed = false
 
-                            if (document.body.querySelector('[data-validation-error]') !== error) {
-                                return
-                            }
+                                if (document.body.querySelector('[data-validation-error]') !== error) {
+                                    return
+                                }
 
-                            setTimeout(
-                                () =>
-                                    $el.scrollIntoView({
-                                        behavior: 'smooth',
-                                        block: 'start',
-                                        inline: 'start',
-                                    }),
-                                200,
-                            )
+                                setTimeout(
+                                    () =>
+                                        $el.scrollIntoView({
+                                            behavior: 'smooth',
+                                            block: 'start',
+                                            inline: 'start',
+                                        }),
+                                    200,
+                                )
+                            })
                         "
                         x-sortable-item="{{ $uuid }}"
                         class="fi-fo-builder-item rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-white/5 dark:ring-white/10"
diff --git a/packages/forms/resources/views/components/repeater.blade.php b/packages/forms/resources/views/components/repeater.blade.php
index b28128ef1e..8f544e1230 100644
--- a/packages/forms/resources/views/components/repeater.blade.php
+++ b/packages/forms/resources/views/components/repeater.blade.php
@@ -79,27 +79,29 @@
                                 isCollapsed: @js($isCollapsed($item)),
                             }"
                             x-on:expand-concealing-component.window="
-                                error = $el.querySelector('[data-validation-error]')
+                                $nextTick(() => {
+                                    error = $el.querySelector('[data-validation-error]')
 
-                                if (! error) {
-                                    return
-                                }
+                                    if (! error) {
+                                        return
+                                    }
 
-                                isCollapsed = false
+                                    isCollapsed = false
 
-                                if (document.body.querySelector('[data-validation-error]') !== error) {
-                                    return
-                                }
+                                    if (document.body.querySelector('[data-validation-error]') !== error) {
+                                        return
+                                    }
 
-                                setTimeout(
-                                    () =>
-                                        $el.scrollIntoView({
-                                            behavior: 'smooth',
-                                            block: 'start',
-                                            inline: 'start',
-                                        }),
-                                    200,
-                                )
+                                    setTimeout(
+                                        () =>
+                                            $el.scrollIntoView({
+                                                behavior: 'smooth',
+                                                block: 'start',
+                                                inline: 'start',
+                                            }),
+                                        200,
+                                    )
+                                })
                             "
                             x-on:repeater-expand.window="$event.detail === '{{ $statePath }}' && (isCollapsed = false)"
                             x-on:repeater-collapse.window="$event.detail === '{{ $statePath }}' && (isCollapsed = true)"
diff --git a/packages/forms/resources/views/components/tabs/tab.blade.php b/packages/forms/resources/views/components/tabs/tab.blade.php
index 5316d4ceb0..3fff0e93f4 100644
--- a/packages/forms/resources/views/components/tabs/tab.blade.php
+++ b/packages/forms/resources/views/components/tabs/tab.blade.php
@@ -13,27 +13,29 @@
 <div
     x-bind:class="tab === @js($id) ? @js($visibleTabClasses) : @js($invisibleTabClasses)"
     x-on:expand-concealing-component.window="
-        error = $el.querySelector('[data-validation-error]')
+        $nextTick(() => {
+            error = $el.querySelector('[data-validation-error]')
 
-        if (! error) {
-            return
-        }
+            if (! error) {
+                return
+            }
 
-        tab = @js($id)
+            tab = @js($id)
 
-        if (document.body.querySelector('[data-validation-error]') !== error) {
-            return
-        }
+            if (document.body.querySelector('[data-validation-error]') !== error) {
+                return
+            }
 
-        setTimeout(
-            () =>
-                $el.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start',
-                    inline: 'start',
-                }),
-            200,
-        )
+            setTimeout(
+                () =>
+                    $el.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start',
+                        inline: 'start',
+                    }),
+                200,
+            )
+        })
     "
     {{
         $attributes
diff --git a/packages/forms/resources/views/components/wizard/step.blade.php b/packages/forms/resources/views/components/wizard/step.blade.php
index 7f9adfb0f3..3b51c6b098 100644
--- a/packages/forms/resources/views/components/wizard/step.blade.php
+++ b/packages/forms/resources/views/components/wizard/step.blade.php
@@ -13,31 +13,33 @@
 <div
     x-bind:class="step === @js($id) ? @js($visibleStepClasses) : @js($invisibleStepClasses)"
     x-on:expand-concealing-component.window="
-        error = $el.querySelector('[data-validation-error]')
+        $nextTick(() => {
+            error = $el.querySelector('[data-validation-error]')
 
-        if (! error) {
-            return
-        }
+            if (! error) {
+                return
+            }
 
-        if (! isStepAccessible(step, @js($id))) {
-            return
-        }
+            if (! isStepAccessible(step, @js($id))) {
+                return
+            }
 
-        step = @js($id)
+            step = @js($id)
 
-        if (document.body.querySelector('[data-validation-error]') !== error) {
-            return
-        }
+            if (document.body.querySelector('[data-validation-error]') !== error) {
+                return
+            }
 
-        setTimeout(
-            () =>
-                $el.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start',
-                    inline: 'start',
-                }),
-            200,
-        )
+            setTimeout(
+                () =>
+                    $el.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start',
+                        inline: 'start',
+                    }),
+                200,
+            )
+        })
     "
     x-ref="step-{{ $id }}"
     {{
diff --git a/packages/support/resources/views/components/section/index.blade.php b/packages/support/resources/views/components/section/index.blade.php
index 02015f89d3..7a981b1393 100644
--- a/packages/support/resources/views/components/section/index.blade.php
+++ b/packages/support/resources/views/components/section/index.blade.php
@@ -31,27 +31,29 @@
     @if ($collapsible)
         x-on:collapse-section.window="if ($event.detail.id == $el.id) isCollapsed = true"
         x-on:expand-concealing-component.window="
-            error = $el.querySelector('[data-validation-error]')
+            $nextTick(() => {
+                error = $el.querySelector('[data-validation-error]')
 
-            if (! error) {
-                return
-            }
+                if (! error) {
+                    return
+                }
 
-            isCollapsed = false
+                isCollapsed = false
 
-            if (document.body.querySelector('[data-validation-error]') !== error) {
-                return
-            }
+                if (document.body.querySelector('[data-validation-error]') !== error) {
+                    return
+                }
 
-            setTimeout(
-                () =>
-                    $el.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'start',
-                        inline: 'start',
-                    }),
-                200,
-            )
+                setTimeout(
+                    () =>
+                        $el.scrollIntoView({
+                            behavior: 'smooth',
+                            block: 'start',
+                            inline: 'start',
+                        }),
+                    200,
+                )
+            })
         "
         x-on:open-section.window="if ($event.detail.id == $el.id) isCollapsed = false"
         x-on:toggle-section.window="if ($event.detail.id == $el.id) isCollapsed = ! isCollapsed"