src/components/tutorial/CalenderExample.tsx

@@ -190,12 +190,17 @@ const CalenderExample = ({
           alignItems="center"
           spacing={2}
         >
-          <Text>
+          <Text fontSize="sm" color="whiteAlpha.800">
             {
-              "Not being able to edit within this tutorial when the current date is the start of the month is a known bug."
+              "Not being able to edit within this tutorial when the current date is the start of the week or month is a known bug."
             }
           </Text>
-          <Text>{"This bug will be fixed in beta v2."}</Text>
+          <Text fontSize="sm" color="whiteAlpha.800">
+            {"This bug will be fixed in beta v2."}
+          </Text>
+          <Text fontSize="sm" color="whiteAlpha.800">
+            {"You can skip the tutorial and try again tomorrow."}
+          </Text>
         </VStack>
       )}
     </VStack>

src/components/tutorial/sections/TutorialCalender.tsx

@@ -36,7 +36,7 @@ const TutorialCalender = ({ isLoading }: CalenderExampleProps): JSX.Element => {
           justifyContent="center"
           spacing={1}
         >
-          <Text>{"Select the date with a"}</Text>
+          <Text>{"Select the date with the"}</Text>
           <Text color="#00ff3c">{" green "}</Text>
           <Text>{"border."}</Text>
         </HStack>

src/theme/components/buttonStyles.ts

@@ -45,7 +45,7 @@ const buttonStyles = {
       fontSize: "xl",
       py: 3,
       px: 4,
-      color: "gray.400",
+      color: "whiteAlpha.800",
       _hover: {
         bg: mode(whiten("brand.danger", 20), darken("brand.danger", 20))(props),
         color: "whiteAlpha.900"