fix header apperance for guests

src/containers/main/Header/index.tsx

@@ -59,7 +59,11 @@ const Header: FC<HeaderProps> = observer(() => {
       className={classNames(styles.wrap, { [styles.is_scrolled]: isScrolled })}
     >
       <div className={styles.container}>
-        <div className={styles.logo_wrapper}>
+        <div
+          className={classNames(styles.logo_wrapper, {
+            [styles.guest]: !isUser,
+          })}
+        >
           <Logo />
         </div>
 

src/containers/main/Header/styles.module.scss

@@ -106,7 +106,9 @@
     transform: translate(50%, 0) scaleX(0);
     opacity: 0;
     border-radius: 3px;
-    transition: transform 0.5s, opacity 0.25s;
+    transition:
+      transform 0.5s,
+      opacity 0.25s;
   }
 
   &::after {
@@ -159,7 +161,7 @@
   }
 }
 
-.logo_wrapper {
+.logo_wrapper:not(.guest) {
   @include tablet {
     display: none;
   }