diff --git a/resources/css/app.css b/resources/css/app.css
index 4f09ebf..39c3afd 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -35,7 +35,7 @@
     html,
     body {
         font-stretch: 96%;
-        @apply bg-slate-50 dark:bg-gray-950;
+        @apply bg-slate-50 transition-colors duration-300 dark:bg-gray-950;
         scrollbar-width: none; /* Firefox */
         -ms-overflow-style: none; /* IE and Edge */
     }