From 45751224d46083dfb27666b86b66842e72c35e9f Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Wed, 7 Jan 2026 16:36:56 -0500
Subject: [PATCH 1/3] clear color transitions

---
 src/app/dashboard/page-client.tsx              | 2 +-
 src/app/page.tsx                               | 2 +-
 src/components/text-input-field.tsx            | 3 +--
 src/features/event/editor/weekday-calendar.tsx | 1 -
 src/features/toast/base.tsx                    | 2 +-
 5 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/app/dashboard/page-client.tsx b/src/app/dashboard/page-client.tsx
index b6353aa3..893ee5f8 100644
--- a/src/app/dashboard/page-client.tsx
+++ b/src/app/dashboard/page-client.tsx
@@ -92,7 +92,7 @@ function DashboardTabButton({
         "text-nowrap rounded-full px-4 py-2",
         currentTab === value
           ? "bg-accent text-white"
-          : "hover:bg-accent/25 cursor-pointer transition",
+          : "hover:bg-accent/25 cursor-pointer",
         !isMobile && "w-full text-left",
       )}
       onClick={() => setTab(value)}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4cd5ac27..3395cc89 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import LinkButton from "@/features/button/components/link";
 
 export default function Home() {
   return (
-    <main className="min-h-screen transition-colors duration-300">
+    <main className="min-h-screen">
       {/* Hero Section */}
       <section className="relative overflow-hidden px-4 pb-20 pt-32 sm:px-6 lg:px-8">
         <div className="mx-auto max-w-7xl text-center">
diff --git a/src/components/text-input-field.tsx b/src/components/text-input-field.tsx
index 63f053a8..fa4ff4b6 100644
--- a/src/components/text-input-field.tsx
+++ b/src/components/text-input-field.tsx
@@ -46,7 +46,6 @@ export default function TextInputField(props: TextInputFieldProps) {
           isPassword && "pr-10",
 
           // borders and colors
-          "transition-colors",
           error
             ? "border-error text-error" // error
             : "border-foreground", // default
@@ -66,7 +65,7 @@ export default function TextInputField(props: TextInputFieldProps) {
         htmlFor={id}
         className={cn(
           "absolute origin-[0_0] cursor-text px-1",
-          "transition-all duration-200 ease-in-out",
+          "transition-transform duration-200 ease-in-out",
           outlined ? "left-4" : "left-1",
           classname,
 
diff --git a/src/features/event/editor/weekday-calendar.tsx b/src/features/event/editor/weekday-calendar.tsx
index a0ba9e5b..2ed08812 100644
--- a/src/features/event/editor/weekday-calendar.tsx
+++ b/src/features/event/editor/weekday-calendar.tsx
@@ -87,7 +87,6 @@ export default function WeekdayCalendar({
               onClick={() => handleRangeSelect(day)}
               className={cn(
                 "aspect-square w-10 items-center justify-center rounded-full text-center",
-                "transition-all duration-200",
                 isSelected ? "bg-accent text-white" : "hover:bg-gray-500/50",
               )}
             >
diff --git a/src/features/toast/base.tsx b/src/features/toast/base.tsx
index 69d3f42c..5771bcc7 100644
--- a/src/features/toast/base.tsx
+++ b/src/features/toast/base.tsx
@@ -56,7 +56,7 @@ export default function BaseToast({
           }}
           className={cn(
             "col-start-3 row-span-2 flex h-6 w-6 items-center justify-center rounded-full",
-            "opacity-0 transition-all",
+            "opacity-0 transition-opacity duration-200 ease-in-out",
             "focus:opacity-100 group-hover:opacity-100",
             "hover:bg-black/20 focus:outline-none focus:ring-2 focus:ring-white/50",
           )}

From 316ff08f3643d8c63aefacdd4029b32eb072fd64 Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Thu, 8 Jan 2026 16:15:33 -0500
Subject: [PATCH 2/3] update transition on text input

---
 src/components/text-input-field.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/text-input-field.tsx b/src/components/text-input-field.tsx
index fa4ff4b6..14afb428 100644
--- a/src/components/text-input-field.tsx
+++ b/src/components/text-input-field.tsx
@@ -65,7 +65,7 @@ export default function TextInputField(props: TextInputFieldProps) {
         htmlFor={id}
         className={cn(
           "absolute origin-[0_0] cursor-text px-1",
-          "transition-transform duration-200 ease-in-out",
+          "transition-[top, scale] duration-200 ease-in-out",
           outlined ? "left-4" : "left-1",
           classname,
 

From de3cbcc28385b951a60e297659659f33219076a5 Mon Sep 17 00:00:00 2001
From: jzgom067 <jzgombic3@gmail.com>
Date: Sat, 10 Jan 2026 20:36:33 -0500
Subject: [PATCH 3/3] Remove space in className

The space between the transition properties was causing them to be considered different classes, making Tailwind fail to recognize them.
---
 src/components/text-input-field.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/text-input-field.tsx b/src/components/text-input-field.tsx
index b97c0722..01096900 100644
--- a/src/components/text-input-field.tsx
+++ b/src/components/text-input-field.tsx
@@ -79,7 +79,7 @@ export default function TextInputField(props: TextInputFieldProps) {
         htmlFor={id}
         className={cn(
           "absolute origin-[0_0] cursor-text px-1",
-          "transition-[top, scale] duration-200 ease-in-out",
+          "transition-[top,scale] duration-200 ease-in-out",
           outlined ? "left-4" : "left-1",
           classname,