From cc7445bf302ae39acf5a67e3f99b31e54a55edb6 Mon Sep 17 00:00:00 2001
From: Alessio Venturini
 <112873190+alessioventuriniAND@users.noreply.github.com>
Date: Wed, 17 Jul 2024 13:36:56 +0100
Subject: [PATCH] Fix focus states on internal and neutral header (#3269)

* bug fixed

* fixed bug

* removed white underline when on hover

* removed focus hover text undeline from neutral header
---
 src/components/header/_header.scss | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/header/_header.scss b/src/components/header/_header.scss
index 44c6e7c60d..8a012b0af4 100644
--- a/src/components/header/_header.scss
+++ b/src/components/header/_header.scss
@@ -87,14 +87,6 @@
                 }
             }
         }
-        &__org-logo-link:focus {
-            background-color: transparent;
-            box-shadow: none;
-            outline: 3px solid var(--ons-color-focus);
-            .ons-icon--logo {
-                fill: var(--ons-color-text-link-focus);
-            }
-        }
         &__grid-top {
             color: var(--ons-color-text-inverse);
             min-height: 36px;
@@ -103,6 +95,12 @@
                 &:hover {
                     text-decoration: underline solid var(--ons-color-text-inverse-link-hover) 3px;
                 }
+                &:focus {
+                    color: var(--ons-color-text-link-focus);
+                    &:hover {
+                        text-decoration: none;
+                    }
+                }
             }
         }
     }
@@ -125,6 +123,9 @@
                 &:hover {
                     text-decoration: underline solid var(--ons-color-header-masthead-neutral) 3px;
                 }
+                &:focus:hover {
+                    text-decoration: none;
+                }
             }
         }