diff --git a/packages/styles/src/components/button.scss b/packages/styles/src/components/button.scss index 955cb52ccc..fa2b050f39 100644 --- a/packages/styles/src/components/button.scss +++ b/packages/styles/src/components/button.scss @@ -99,6 +99,7 @@ tokens.$default-map: components.$post-button; color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; + &:hover { border-color: Highlight !important; } diff --git a/packages/styles/src/components/header/index.scss b/packages/styles/src/components/header/index.scss index d5627c4b9c..6db1962f76 100644 --- a/packages/styles/src/components/header/index.scss +++ b/packages/styles/src/components/header/index.scss @@ -56,6 +56,7 @@ post-header { background-color: ButtonFace !important; color: ButtonText !important; border: 2px solid ButtonBorder; + &:hover { border-color: Highlight !important; } @@ -75,15 +76,18 @@ post-header { color: LinkText !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; + &:hover { text-decoration-thickness: 2px !important; } } } + button { background-color: ButtonFace !important; color: ButtonText !important; border: 2px solid ButtonBorder; + &:hover { border-color: Highlight !important; }