feat: modify styles

packages/app/src/components/Header/index.tsx

@@ -66,12 +66,12 @@ export const Header = () => {
   return (
     <>
       <StyledHeader>
-        <StyledLogo>
-          <LogoIcon
-            onClick={() => {
-              contactModalHandler(true);
-            }}
-          />
+        <StyledLogo
+          onClick={() => {
+            contactModalHandler(true);
+          }}
+        >
+          <LogoIcon />
         </StyledLogo>
         <StyledTitle
           onMouseEnter={() => {

packages/app/src/components/Header/styles.ts

@@ -36,7 +36,11 @@ export const StyledTitleWrapper = styled('div')({
 
 export const StyledLogo = styled('div')(({ theme }) => ({
   color: theme.colors.primaryColor,
+  width: '60px',
+  height: '60px',
   cursor: 'pointer',
+  marginLeft: '-22px',
+  ...displayFlex('center', 'center'),
 }));
 
 export const StyledHeaderRightSide = styled('div')({