diff --git a/src/components/timer/header-timer.tsx b/src/components/timer/header-timer.tsx
index b83f31e..7b0d4fb 100644
--- a/src/components/timer/header-timer.tsx
+++ b/src/components/timer/header-timer.tsx
@@ -55,6 +55,7 @@ export function HeaderTimer() {
   const [billable, setBillable] = useState(true);
   const [feeItems, setFeeItems] = useState<FeeItem[]>([]);
   const [feeItemId, setFeeItemId] = useState<string>("");
+  const [showNewFee, setShowNewFee] = useState(false);
 
   // Load clients + cases the user can access (RLS handles filtering)
   useEffect(() => {