diff --git a/apps/expo/src/components/calendar/basic-calendar.tsx b/apps/expo/src/components/calendar/basic-calendar.tsx
index 01e0e39..ddfcbb5 100644
--- a/apps/expo/src/components/calendar/basic-calendar.tsx
+++ b/apps/expo/src/components/calendar/basic-calendar.tsx
@@ -114,7 +114,7 @@ export function BasicCalendar(props: BasicCalendarProps) {
   };
 
   return (
-    <View>
+    <View className="flex-1">
       <Calendar.VStack spacing={props.calendarRowVerticalSpacing}>
         <Calendar.HStack
           alignItems="center"
diff --git a/apps/expo/src/components/calendar/home-calendar.tsx b/apps/expo/src/components/calendar/home-calendar.tsx
index 5bf0cc6..d475072 100644
--- a/apps/expo/src/components/calendar/home-calendar.tsx
+++ b/apps/expo/src/components/calendar/home-calendar.tsx
@@ -46,7 +46,7 @@ export function HomeCalendar() {
   }, [currentCalendarMonth]);
 
   return (
-    <View>
+    <View className="flex-1">
       <BasicCalendar
         calendarActiveDateRanges={calendarActiveDateRanges}
         calendarDisabledDateIds={[]}
diff --git a/apps/expo/src/components/home/day-slider.tsx b/apps/expo/src/components/home/day-slider.tsx
index 496d971..a710221 100644
--- a/apps/expo/src/components/home/day-slider.tsx
+++ b/apps/expo/src/components/home/day-slider.tsx
@@ -49,7 +49,7 @@ const DayItem = React.memo(
           <Text
             className={cn(
               "text-xs font-semibold text-gray-400",
-              isSelected ? "text-black" : "text-gray-400",
+              isSelected && "text-secondary",
             )}
           >
             {format(item.date, "EEEEE").toUpperCase()}
diff --git a/apps/expo/src/components/home/home-header.tsx b/apps/expo/src/components/home/home-header.tsx
index f052bc8..9e3a18e 100644
--- a/apps/expo/src/components/home/home-header.tsx
+++ b/apps/expo/src/components/home/home-header.tsx
@@ -36,13 +36,13 @@ export default function HomeHeader() {
           </Button>
         </DialogTrigger>
         <DialogContent
-          className="py-safe max-h-[32rem] max-w-full rounded-none border-0 px-1"
+          className="pt-safe max-h-[32rem] max-w-full flex-1 rounded-none border-0 px-1 pb-0"
           overlayClassName="justify-start p-0"
           style={{ backgroundColor: theme.background }}
           noClose
         >
           <HomeCalendar />
-          <DialogFooter className="flex-row-reverse px-4 py-12">
+          <DialogFooter className="flex-row-reverse px-4 pb-4">
             <Text className="font-semibold" style={{ color: theme.good }}>
               {"\u2022 >=70"}
             </Text>