fixed header appearance on mobile

src/components/comment/CommentTextBlock/styles.module.scss

@@ -29,7 +29,7 @@
     color: $wisegreen;
   }
 
-  & :last-child::after {
+  & > :last-child::after {
     display: inline-block;
     content: " ";
     height: 1em;

src/components/main/Header/index.tsx

@@ -80,7 +80,7 @@ const HeaderUnconnected: FC<IProps> = memo(
         <div className={styles.container}>
           <Logo />
 
-          <Filler />
+          <Filler className={styles.filler} />
 
           <div className={styles.plugs}>
             <Link

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

@@ -48,6 +48,11 @@
   user-select: none;
   text-transform: uppercase;
   align-items: center;
+
+  @include tablet {
+    flex: 1;
+    justify-content: space-around;
+  }
 }
 
 .profile {
@@ -119,3 +124,9 @@
     }
   }
 }
+
+.filler {
+  @include tablet {
+    display: none;
+  }
+}

src/components/main/Logo/styles.module.scss

@@ -6,4 +6,8 @@
   user-select: none;
   color: white;
   text-decoration: none;
+
+  @include tablet {
+    display: none;
+  }
 }

src/styles/_global.scss

@@ -27,10 +27,6 @@ body {
     background-size: 600px 600px;
     pointer-events: none;
   }
-
-  * {
-    min-width: 0;
-  }
 }
 
 #app {