From c0eca0c851a5a833dd71789bef6587ae1423cbfa Mon Sep 17 00:00:00 2001
From: tresabhi <coolabhigyaandeep07@gmail.com>
Date: Mon, 18 Sep 2023 21:35:46 +0000
Subject: [PATCH] fix: only transition box shadow

---
 next-env.d.ts       | 3 +++
 src/app/page.css.ts | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

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',