Merge branch 'main' into update-landing-909

Author: bruceplai

src/pages/About/index.js

@@ -40,7 +40,7 @@ const About = () => {
   ];
 
   return (
-    <Box className='containerDefault'>
+    <Box className='containerTeal'>
       <Box className='boxBackround'>
         <Container className='containerDefault'>
           <GenericHeaderSection

src/styles.js

@@ -40,6 +40,9 @@ const useStyles = makeStyles((theme) => ({
         color: theme.palette.secondary.dark,
       },
     },
+    '.containerTeal': {
+      backgroundColor: theme.palette.background.primary,
+    },
     '.containerDefault': {
       backgroundColor: theme.palette.secondary.dark,
       padding: '0 0 2em',