diff --git a/src/navigation/components/NavigationItem/NavigationItem.scss b/src/navigation/components/NavigationItem/NavigationItem.scss
index a488e8d5c..ba641ca80 100644
--- a/src/navigation/components/NavigationItem/NavigationItem.scss
+++ b/src/navigation/components/NavigationItem/NavigationItem.scss
@@ -14,9 +14,11 @@ $block: '.#{$ns}navigation-item';
     @include reset-link-style();
 
     &__content {
-        &:hover,
-        &:active {
-            color: var(--g-color-text-link);
+        &:not(#{&}_type_button) {
+            &:hover,
+            &:active {
+                color: var(--g-color-text-link);
+            }
         }
     }
 
diff --git a/src/navigation/components/NavigationItem/NavigationItem.tsx b/src/navigation/components/NavigationItem/NavigationItem.tsx
index 2f609bd47..381efbb79 100644
--- a/src/navigation/components/NavigationItem/NavigationItem.tsx
+++ b/src/navigation/components/NavigationItem/NavigationItem.tsx
@@ -39,7 +39,7 @@ const NavigationItem: React.FC<NavigationItemProps> = ({
     return (
         <BlockIdContext.Provider value={ANALYTICS_ID}>
             <li className={b({'menu-layout': menuLayout}, className)}>
-                <Component {...componentProps} className={b('content')} />
+                <Component {...componentProps} className={b('content', {type})} />
             </li>
         </BlockIdContext.Provider>
     );