Fix linting issues

packages/website/ts/components/banner.tsx

@@ -31,7 +31,13 @@ interface BorderProps {
 export const Banner: React.StatelessComponent<Props> = (props: Props) => {
     const { heading, subline, mainCta, secondaryCta } = props;
     return (
-        <CustomSection bgColor={colors.brandDark} isFlex={true} flexBreakpoint="900px" paddingMobile="120px 0" alignItems="center">
+        <CustomSection
+            bgColor={colors.brandDark}
+            isFlex={true}
+            flexBreakpoint="900px"
+            paddingMobile="120px 0"
+            alignItems="center"
+        >
             <Border />
             <Border isBottom={true} />
 

packages/website/ts/components/siteWrap.tsx

@@ -132,7 +132,9 @@ export class SiteWrap extends React.Component<Props, State> {
 
                         <Header isNavToggled={isMobileNavOpen} toggleMobileNav={this.toggleMobileNav} />
 
-                        <Main isNavToggled={isMobileNavOpen} isFullScreen={isFullScreen}>{children}</Main>
+                        <Main isNavToggled={isMobileNavOpen} isFullScreen={isFullScreen}>
+                            {children}
+                        </Main>
 
                         <Footer />
                     </>
@@ -146,7 +148,9 @@ const Main = styled.main<MainProps>`
     transition: transform 0.5s, opacity 0.5s;
     opacity: ${props => props.isNavToggled && '0.5'};
 
-    ${props => props.isFullScreen && `
+    ${props =>
+        props.isFullScreen &&
+        `
         display: flex;
         align-items: center;
         min-height: calc(100vh - 108px - 381px);

packages/website/ts/pages/fullscreen_message.tsx

@@ -26,7 +26,7 @@ const Heading = styled.h1`
 `;
 
 const Paragraph = styled.p`
-    color: #7A7A7A;
+    color: #7a7a7a;
     font-size: 22px;
     line-height: 1.409090909;
 `;