fix: Proper text sizing in the availability accordion headers

beverloo · Jan 13, 2025 · 4a032d7 · 4a032d7
1 parent 93e9a61
commit 4a032d7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/admin/events/[event]/[team]/volunteers/[volunteer]/ApplicationAvailability.tsx b/app/admin/events/[event]/[team]/volunteers/[volunteer]/ApplicationAvailability.tsx
@@ -250,7 +250,9 @@ export function ApplicationAvailability(props: ApplicationAvailabilityProps) {
                 </Grid>
                 <Accordion disableGutters elevation={0} square sx={kStyles.section}>
                     <AccordionSummary expandIcon={ <ExpandMoreIcon /> } sx={kStyles.sectionHeader}>
-                        Events they plan to attend
+                        <Typography>
+                            Events they plan to attend
+                        </Typography>
                         <Typography sx={{ color: 'text.disabled', pl: 1 }}>
                             ({numberOfEventsToAttend})
                         </Typography>
@@ -273,7 +275,9 @@ export function ApplicationAvailability(props: ApplicationAvailabilityProps) {
                 </Accordion>
                 <Accordion disableGutters elevation={0} square sx={kStyles.section}>
                     <AccordionSummary expandIcon={ <ExpandMoreIcon /> } sx={kStyles.sectionHeader}>
-                        Availability exceptions
+                        <Typography>
+                            Availability exceptions
+                        </Typography>
                         <Typography sx={{ color: 'text.disabled', pl: 1 }}>
                             ({timeslots.length})
                         </Typography>