diff --git a/next-env.d.ts b/next-env.d.ts
index 6080addc2..4f11a03dc 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,2 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/src/app/page.css.ts b/src/app/page.css.ts
index 75f71ab40..9cd53fcbe 100644
--- a/src/app/page.css.ts
+++ b/src/app/page.css.ts
@@ -17,7 +17,7 @@ export const tool = style({
   padding: 16,
   gap: 4,
   boxShadow: 'inset 0 -192px 128px -128px black',
-  transitionDuration: theme.durations.regular,
+  transition: `box-shadow ${theme.durations.regular}`,
 
   ':hover': {
     boxShadow: 'inset 0 -128px 128px -128px black',