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>