diff --git a/layouts/layouts.module.css b/layouts/layouts.module.css
index 0be89d2e45db7..b1f8abf8a5e2a 100644
--- a/layouts/layouts.module.css
+++ b/layouts/layouts.module.css
@@ -29,6 +29,7 @@
       bg-gradient-subtle
       p-12
       grid-in-[main]
+      motion-safe:scroll-smooth
       dark:bg-gradient-subtle-dark
       xl:px-18
       xs:bg-none
diff --git a/styles/base.css b/styles/base.css
index 57b33609f3a79..419556096a755 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -1,6 +1,6 @@
 * {
   @apply subpixel-antialiased
-    transition-colors;
+    motion-safe:transition-colors;
 }
 
 html,
@@ -10,10 +10,10 @@ body {
 }
 
 body {
-  @apply scroll-smooth
-    bg-white
+  @apply bg-white
     font-open-sans
     text-neutral-950
+    motion-safe:scroll-smooth
     dark:bg-neutral-950
     dark:text-white;
 }