diff --git a/src/components/timer/header-timer.tsx b/src/components/timer/header-timer.tsx
index 1f2fbd8..9ef5718 100644
--- a/src/components/timer/header-timer.tsx
+++ b/src/components/timer/header-timer.tsx
@@ -349,6 +349,25 @@ export function HeaderTimer() {
         </div>
       </PopoverContent>
     </Popover>
+    <NewFeeItemDialog
+      open={showNewFee}
+      onOpenChange={setShowNewFee}
+      defaultDescription={timer.description}
+      defaultAmount={effectiveRate || undefined}
+      defaultPricingType={isFlatFee ? "flat" : "hourly"}
+      defaultBillable={billable}
+      onCreated={(item) => {
+        setFeeItems((prev) =>
+          [...prev, { id: item.id, name: item.name, description: item.description, amount: Number(item.amount), pricing_type: item.pricing_type }]
+            .sort((a, b) => a.name.localeCompare(b.name)),
+        );
+        setFeeItemId(item.id);
+        if (!timer.description.trim()) {
+          setDescription(item.description?.trim() || item.name);
+        }
+      }}
+    />
+    </>
   );
 }