diff --git a/src/components/date-calculator.tsx b/src/components/date-calculator.tsx
index 5de627c..65b6e63 100644
--- a/src/components/date-calculator.tsx
+++ b/src/components/date-calculator.tsx
@@ -103,7 +103,7 @@ export function DateCalculator({ trigger }: { trigger?: React.ReactNode }) {
           <Button
             variant="ghost"
             size="icon"
-            className="h-8 w-8 text-sidebar-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
+            className="h-8 w-8 text-foreground hover:bg-accent hover:text-accent-foreground"
             aria-label="Date calculator"
           >
             <CalendarClock className="h-4 w-4" />