diff --git a/breeze/resources/views/layouts/app.blade.php b/breeze/resources/views/layouts/app.blade.php
index 3ad1dd8..00260bf 100644
--- a/breeze/resources/views/layouts/app.blade.php
+++ b/breeze/resources/views/layouts/app.blade.php
@@ -16,7 +16,7 @@
         <!-- Scripts -->
         <script src="{{ asset('js/app.js') }}" defer></script>
     </head>
-    <body class="font-sans antialiased bg-light">
+    <body class="font-sans antialiased">
         @include('layouts.navigation')
 
         <!-- Page Heading -->
diff --git a/breeze/resources/views/layouts/guest.blade.php b/breeze/resources/views/layouts/guest.blade.php
index cac6ac3..fe9f2e4 100644
--- a/breeze/resources/views/layouts/guest.blade.php
+++ b/breeze/resources/views/layouts/guest.blade.php
@@ -16,7 +16,7 @@
         <!-- Scripts -->
         <script src="{{ asset('js/app.js') }}" defer></script>
     </head>
-    <body class="font-sans antialiased bg-light">
+    <body class="font-sans antialiased">
         {{ $slot }}
     </body>
 </html>
diff --git a/presets/AdminLte/inertia/resources/js/Jetstream/Welcome.vue b/presets/AdminLte/inertia/resources/js/Jetstream/Welcome.vue
index 9c1c921..b92e4cd 100644
--- a/presets/AdminLte/inertia/resources/js/Jetstream/Welcome.vue
+++ b/presets/AdminLte/inertia/resources/js/Jetstream/Welcome.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row justify-content-center">
     <div class="col-md-12">
-      <div class="card shadow bg-light">
+      <div class="card shadow">
         <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
           <div>
             <jet-application-logo style="width: 317px;" />
diff --git a/presets/AdminLte/inertia/resources/views/app.blade.php b/presets/AdminLte/inertia/resources/views/app.blade.php
index d43470c..103c128 100644
--- a/presets/AdminLte/inertia/resources/views/app.blade.php
+++ b/presets/AdminLte/inertia/resources/views/app.blade.php
@@ -19,7 +19,7 @@
         <script src="{{ mix('js/app.js') }}" defer></script>
         <script src="{{ mix('js/dashboard.js') }}" defer></script>
     </head>
-    <body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed bg-light font-sans antialiased">
+    <body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed font-sans antialiased">
         @inertia
 
         @env ('local')
diff --git a/presets/AdminLte/resources/views/components/welcome.blade.php b/presets/AdminLte/resources/views/components/welcome.blade.php
index 7067c42..0df07ea 100644
--- a/presets/AdminLte/resources/views/components/welcome.blade.php
+++ b/presets/AdminLte/resources/views/components/welcome.blade.php
@@ -1,6 +1,6 @@
 <div class="row justify-content-center">
     <div class="col-md-12">
-        <div class="card shadow bg-light">
+        <div class="card shadow">
             <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
                 <div>
                     <x-jet-application-logo style="width: 317px;" />
diff --git a/presets/Common/components/confirmation-modal.blade.php b/presets/Common/components/confirmation-modal.blade.php
index 9f468a8..5544193 100644
--- a/presets/Common/components/confirmation-modal.blade.php
+++ b/presets/Common/components/confirmation-modal.blade.php
@@ -17,7 +17,7 @@
                 </div>
             </div>
         </div>
-        <div class="modal-footer bg-light">
+        <div class="modal-footer">
             {{ $footer }}
         </div>
     </div>
diff --git a/presets/Common/components/dialog-modal.blade.php b/presets/Common/components/dialog-modal.blade.php
index 2ed09aa..08397b5 100644
--- a/presets/Common/components/dialog-modal.blade.php
+++ b/presets/Common/components/dialog-modal.blade.php
@@ -11,7 +11,7 @@
         <div class="modal-body">
             {{ $content }}
         </div>
-        <div class="modal-footer bg-light">
+        <div class="modal-footer">
             {{ $footer }}
         </div>
     </div>
diff --git a/presets/Common/components/welcome.blade.php b/presets/Common/components/welcome.blade.php
index 219e19c..3cc6579 100644
--- a/presets/Common/components/welcome.blade.php
+++ b/presets/Common/components/welcome.blade.php
@@ -1,6 +1,6 @@
 <div class="row justify-content-center my-5">
     <div class="col-md-12">
-        <div class="card shadow bg-light">
+        <div class="card shadow">
             <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
                 <div class="mx-3 my-3">
                     <div>
diff --git a/presets/Common/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue b/presets/Common/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
index 52a216a..d3c6d99 100644
--- a/presets/Common/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
+++ b/presets/Common/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
@@ -20,7 +20,7 @@
           </div>
         </div>
       </div>
-      <div class="modal-footer bg-light">
+      <div class="modal-footer">
         <slot name="footer">
         </slot>
       </div>
diff --git a/presets/Common/stubs/inertia/resources/js/Jetstream/DialogModal.vue b/presets/Common/stubs/inertia/resources/js/Jetstream/DialogModal.vue
index 2c1ff1b..40a44cb 100644
--- a/presets/Common/stubs/inertia/resources/js/Jetstream/DialogModal.vue
+++ b/presets/Common/stubs/inertia/resources/js/Jetstream/DialogModal.vue
@@ -14,7 +14,7 @@
         <slot name="content">
         </slot>
       </div>
-      <div class="modal-footer bg-light">
+      <div class="modal-footer">
         <slot name="footer">
         </slot>
       </div>
diff --git a/presets/Common/stubs/inertia/resources/js/Jetstream/Welcome.vue b/presets/Common/stubs/inertia/resources/js/Jetstream/Welcome.vue
index cf8f67b..ce96674 100644
--- a/presets/Common/stubs/inertia/resources/js/Jetstream/Welcome.vue
+++ b/presets/Common/stubs/inertia/resources/js/Jetstream/Welcome.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row justify-content-center my-5">
     <div class="col-md-12">
-      <div class="card shadow bg-light">
+      <div class="card shadow">
         <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
           <div class="mx-3 my-3">
             <div>
diff --git a/presets/Common/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue b/presets/Common/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
index a24228d..a082092 100644
--- a/presets/Common/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
+++ b/presets/Common/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
@@ -42,7 +42,7 @@
             </p>
           </div>
 
-          <div class="w-75 bg-light rounded p-3">
+          <div class="w-75 rounded p-3">
             <div v-for="code in recoveryCodes">
               {{ code }}
             </div>
diff --git a/presets/Common/stubs/livewire/resources/views/auth/register.blade.php b/presets/Common/stubs/livewire/resources/views/auth/register.blade.php
index ca60300..a23017f 100644
--- a/presets/Common/stubs/livewire/resources/views/auth/register.blade.php
+++ b/presets/Common/stubs/livewire/resources/views/auth/register.blade.php
@@ -4,9 +4,9 @@
             <x-jet-authentication-card-logo />
         </x-slot>
 
-        <x-jet-validation-errors class="mb-3" />
 
         <div class="card-body">
+            <x-jet-validation-errors class="mb-3" />
             <form method="POST" action="{{ route('register') }}">
                 @csrf
 
@@ -68,4 +68,4 @@
             </form>
         </div>
     </x-jet-authentication-card>
-</x-guest-layout>
\ No newline at end of file
+</x-guest-layout>
diff --git a/presets/CoreUi/inertia/resources/js/Jetstream/Welcome.vue b/presets/CoreUi/inertia/resources/js/Jetstream/Welcome.vue
index c97617e..f0f97f2 100644
--- a/presets/CoreUi/inertia/resources/js/Jetstream/Welcome.vue
+++ b/presets/CoreUi/inertia/resources/js/Jetstream/Welcome.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row justify-content-center">
     <div class="col-md-12">
-      <div class="card shadow bg-light">
+      <div class="card shadow">
         <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
           <div>
             <jet-application-logo style="width: 317px;" />
diff --git a/presets/CoreUi/inertia/resources/js/Layouts/AppLayout.vue b/presets/CoreUi/inertia/resources/js/Layouts/AppLayout.vue
index c5f5b51..fce888d 100644
--- a/presets/CoreUi/inertia/resources/js/Layouts/AppLayout.vue
+++ b/presets/CoreUi/inertia/resources/js/Layouts/AppLayout.vue
@@ -50,7 +50,7 @@
             <template #content>
               <template v-if="$page.props.jetstream.hasTeamFeatures">
 
-                <div class="dropdown-header bg-light py-2">
+                <div class="dropdown-header py-2">
                   <strong>Manage Team</strong>
                 </div>
 
@@ -64,7 +64,7 @@
                 </jet-dropdown-link>
 
                 <!-- Team Switcher -->
-                <div class="dropdown-header bg-light py-2">
+                <div class="dropdown-header py-2">
                   <strong>Switch Teams</strong>
                 </div>
 
@@ -99,7 +99,7 @@
 
             <template #content>
               <!-- Account Management -->
-              <div class="dropdown-header bg-light py-2">
+              <div class="dropdown-header py-2">
                 <strong>Manage Account</strong>
               </div>
 
@@ -174,7 +174,7 @@ export default defineComponent({
     JetDropdownLink,
     JetNavLink,
   },
-  
+
   props: {
     title: String,
   },
diff --git a/presets/CoreUi/resources/views/components/welcome.blade.php b/presets/CoreUi/resources/views/components/welcome.blade.php
index 7067c42..0df07ea 100644
--- a/presets/CoreUi/resources/views/components/welcome.blade.php
+++ b/presets/CoreUi/resources/views/components/welcome.blade.php
@@ -1,6 +1,6 @@
 <div class="row justify-content-center">
     <div class="col-md-12">
-        <div class="card shadow bg-light">
+        <div class="card shadow">
             <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
                 <div>
                     <x-jet-application-logo style="width: 317px;" />
diff --git a/presets/CoreUi/resources/views/navigation-menu.blade.php b/presets/CoreUi/resources/views/navigation-menu.blade.php
index c2d80e4..5bdd368 100644
--- a/presets/CoreUi/resources/views/navigation-menu.blade.php
+++ b/presets/CoreUi/resources/views/navigation-menu.blade.php
@@ -59,7 +59,7 @@
             </x-slot>
 
             <x-slot name="content">
-                <div class="dropdown-header bg-light py-2">
+                <div class="dropdown-header py-2">
                     <strong>{{ __('Manage Account') }}</strong>
                 </div>
 
@@ -87,4 +87,4 @@
             </x-slot>
         </x-jet-dropdown>
     @endauth
-</ul>
\ No newline at end of file
+</ul>
diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/confirmation-modal.blade.php
index 9f468a8..5544193 100644
--- a/resources/views/components/confirmation-modal.blade.php
+++ b/resources/views/components/confirmation-modal.blade.php
@@ -17,7 +17,7 @@
                 </div>
             </div>
         </div>
-        <div class="modal-footer bg-light">
+        <div class="modal-footer">
             {{ $footer }}
         </div>
     </div>
diff --git a/resources/views/components/dialog-modal.blade.php b/resources/views/components/dialog-modal.blade.php
index a1b2978..4526c60 100644
--- a/resources/views/components/dialog-modal.blade.php
+++ b/resources/views/components/dialog-modal.blade.php
@@ -9,8 +9,8 @@
         <div class="modal-body">
             {{ $content }}
         </div>
-        <div class="modal-footer bg-light">
+        <div class="modal-footer">
             {{ $footer }}
         </div>
     </div>
-</x-jet-modal>
\ No newline at end of file
+</x-jet-modal>
diff --git a/resources/views/components/welcome.blade.php b/resources/views/components/welcome.blade.php
index 0cee54f..9911f5b 100644
--- a/resources/views/components/welcome.blade.php
+++ b/resources/views/components/welcome.blade.php
@@ -1,6 +1,6 @@
 <div class="row justify-content-center my-5">
     <div class="col-md-12">
-        <div class="card shadow bg-light">
+        <div class="card shadow">
             <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
                 <div class="mx-3 my-3">
                     <div>
diff --git a/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue b/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
index 52a216a..d3c6d99 100644
--- a/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
+++ b/stubs/inertia/resources/js/Jetstream/ConfirmationModal.vue
@@ -20,7 +20,7 @@
           </div>
         </div>
       </div>
-      <div class="modal-footer bg-light">
+      <div class="modal-footer">
         <slot name="footer">
         </slot>
       </div>
diff --git a/stubs/inertia/resources/js/Jetstream/DialogModal.vue b/stubs/inertia/resources/js/Jetstream/DialogModal.vue
index 2c96880..8739a46 100644
--- a/stubs/inertia/resources/js/Jetstream/DialogModal.vue
+++ b/stubs/inertia/resources/js/Jetstream/DialogModal.vue
@@ -12,7 +12,7 @@
         <slot name="content">
         </slot>
       </div>
-      <div class="modal-footer bg-light">
+      <div class="modal-footer">
         <slot name="footer">
         </slot>
       </div>
diff --git a/stubs/inertia/resources/js/Jetstream/Welcome.vue b/stubs/inertia/resources/js/Jetstream/Welcome.vue
index ff97617..811afcb 100644
--- a/stubs/inertia/resources/js/Jetstream/Welcome.vue
+++ b/stubs/inertia/resources/js/Jetstream/Welcome.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="row justify-content-center my-5">
     <div class="col-md-12">
-      <div class="card shadow bg-light">
+      <div class="card shadow">
         <div class="card-body bg-white px-5 py-3 border-bottom rounded-top">
           <div class="mx-3 my-3">
             <div>
diff --git a/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue b/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
index 5cc5942..3920e7b 100644
--- a/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
+++ b/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
@@ -42,7 +42,7 @@
             </p>
           </div>
 
-          <div class="w-75 bg-light rounded p-3">
+          <div class="w-75 rounded p-3">
             <div v-for="code in recoveryCodes">
               {{ code }}
             </div>
diff --git a/stubs/livewire/resources/views/layouts/app.blade.php b/stubs/livewire/resources/views/layouts/app.blade.php
index 22c125b..2092c06 100644
--- a/stubs/livewire/resources/views/layouts/app.blade.php
+++ b/stubs/livewire/resources/views/layouts/app.blade.php
@@ -18,7 +18,7 @@
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
     </head>
-    <body class="font-sans antialiased bg-light">
+    <body class="font-sans antialiased">
         <x-jet-banner />
         @livewire('navigation-menu')
 
