diff --git a/app/ui/MonthCard.tsx b/app/ui/MonthCard.tsx
index 09af29f..41e25ed 100644
--- a/app/ui/MonthCard.tsx
+++ b/app/ui/MonthCard.tsx
@@ -25,7 +25,7 @@ export const MonthCard:FC<MonthCardProps> = ({ yearMonth, children, monthlyExpen
   useEffect(() => {
     if(expanded && elRef.current) {
       // if the element i selected > scroll it into view
-      elRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      elRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' });
     }
   }, [expanded]);