diff --git a/www/app/[roomName]/MeetingSelection.tsx b/www/app/[roomName]/MeetingSelection.tsx
index fcb0c93f..a3ba4294 100644
--- a/www/app/[roomName]/MeetingSelection.tsx
+++ b/www/app/[roomName]/MeetingSelection.tsx
@@ -388,7 +388,7 @@ export default function MeetingSelection({
             <VStack gap={4}>
               <Icon as={FaCalendarAlt} boxSize="48px" color="gray.400" />
               <VStack gap={2}>
-                <Text fontSize="xl" fontWeight="semibold" color="gray.700">
+                <Text fontSize="xl" fontWeight="semibold" color="black">
                   No meetings right now
                 </Text>
                 <Text fontSize="md" color="gray.600" maxW="400px">
diff --git a/www/app/components/MinimalHeader.tsx b/www/app/components/MinimalHeader.tsx
index 27b8cc2d..e5a36e56 100644
--- a/www/app/components/MinimalHeader.tsx
+++ b/www/app/components/MinimalHeader.tsx
@@ -62,7 +62,7 @@ export default function MinimalHeader({
             alt="Reflector"
           />
         </Link>
-        <Text fontSize="lg" fontWeight="semibold" color="gray.700">
+        <Text fontSize="lg" fontWeight="semibold" color="black">
           {roomTitle}
         </Text>
       </Flex>