diff --git a/packages/forms/resources/views/components/tabs/tab.blade.php b/packages/forms/resources/views/components/tabs/tab.blade.php
index e8d234dbec..e75f05504d 100644
--- a/packages/forms/resources/views/components/tabs/tab.blade.php
+++ b/packages/forms/resources/views/components/tabs/tab.blade.php
@@ -11,7 +11,10 @@
 @endphp
 
 <div
-    x-bind:class="tab === @js($id) ? @js($visibleTabClasses) : @js($invisibleTabClasses)"
+    x-bind:class="{
+        @js($visibleTabClasses): tab === @js($id),
+        @js($invisibleTabClasses): tab !== @js($id),
+    }"
     x-on:expand="tab = @js($id)"
     {{
         $attributes
diff --git a/packages/forms/resources/views/components/wizard/step.blade.php b/packages/forms/resources/views/components/wizard/step.blade.php
index af800b39fc..167ffd72ce 100644
--- a/packages/forms/resources/views/components/wizard/step.blade.php
+++ b/packages/forms/resources/views/components/wizard/step.blade.php
@@ -11,7 +11,10 @@
 @endphp
 
 <div
-    x-bind:class="step === @js($id) ? @js($visibleStepClasses) : @js($invisibleStepClasses)"
+    x-bind:class="{
+        @js($visibleStepClasses): step === @js($id),
+        @js($invisibleStepClasses): step !== @js($id),
+    }"
     x-on:expand="
         if (! isStepAccessible(@js($id))) {
             return