Fixed icons style in the header

src/components/Nav/Header.module.scss

@@ -405,7 +405,7 @@
     padding: 0;
 
     &:hover {
-      background: none;
+      background: none !important;
 
       .icon {
         display: none;

src/components/Nav/HeaderAuth.tsx

@@ -112,6 +112,7 @@ export const HeaderAuth = (props: HeaderAuthProps) => {
                 <a href={getPagePath(router, 'create')}>
                   <span class={styles.textLabel}>{t('Create post')}</span>
                   <Icon name="pencil" class={styles.icon} />
+                  <Icon name="pencil" class={clsx(styles.icon, styles.iconHover)} />
                 </a>
               </div>
             </Show>