Merge pull request #242 from saitama-on/main

logo&navbar alignment fix

Author: saitama-on

components/Header/Header.tsx

@@ -20,7 +20,7 @@ const Header = React.forwardRef<HTMLDivElement, Props>(({ }: Props, ref) => {
       <Container maxWidth="xl" disableGutters>
         <Stack height="264px">
           <HeaderTop />
-          <Stack gap="19px" ref={ref}>
+          <Stack gap="19px" alignItems="center" ref={ref}>
             <SacBranding height={125} />
             <Typography alignSelf="center">Since 2018</Typography>
           </Stack>

components/NavBar/NavBar.tsx

@@ -25,7 +25,7 @@ function NavBar({ }: Props) {
   const { inView: headInView } = useContext(BrandInViewContext);
   return (
     <StyledHeader justifyContent="center">
-      <Container maxWidth="xl">
+      <Container>
         <Stack
           direction="row"
           alignItems="center"