From c8c3418de18c01bbd5d3933dae6d1ba7e2b34ec9 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Sun, 23 Jul 2023 18:59:28 +0300
Subject: [PATCH] Fixed icons style in the header

---
 src/components/Nav/Header.module.scss | 2 +-
 src/components/Nav/HeaderAuth.tsx     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index 4c807561..71f2bfc6 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -405,7 +405,7 @@
     padding: 0;
 
     &:hover {
-      background: none;
+      background: none !important;
 
       .icon {
         display: none;
diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx
index 01d95f0a..c7ecdf34 100644
--- a/src/components/Nav/HeaderAuth.tsx
+++ b/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>