From dcc4d3026f0feb1b45225e2faf221a6b63280909 Mon Sep 17 00:00:00 2001
From: rhernandez-intertech <rhernandez@intertech.com>
Date: Tue, 26 Mar 2024 14:38:19 -0500
Subject: [PATCH] header sticky EoY

---
 src/components/YearRecap.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/YearRecap.tsx b/src/components/YearRecap.tsx
index e91015d..619e8d0 100644
--- a/src/components/YearRecap.tsx
+++ b/src/components/YearRecap.tsx
@@ -129,10 +129,13 @@ export class YearRecap extends React.Component<YearRecapProps, { inView }> {
 				<MobileStepper
 					variant='progress'
 					steps={this.props.totalGameYears}
-					position='static'
+					position='top'
 					activeStep={this.props.currentGameYear - 1}
 					LinearProgressProps={{ sx: { height: '16px', width: '50%' } }}
-					sx={{ padding: '.75rem' }}
+					sx={{ 
+						padding: '.75rem', 
+						height: '48px'
+					}}
 					backButton={<Box sx={{ width: 180 }}></Box>}
 					nextButton={this.getNextButton(this.props, mutableStats, mutableCapitalFundingState)}
 				/>