fix the hover state of chevron-right icons (#16595)

for #16133, pair-programmed with @ghernandez345 



# Checklist for submitter

If some of the following don't apply, delete the relevant line.

<!-- Note that API documentation changes are now addressed by the
product design team. -->

- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
See [Changes
files](https://fleetdm.com/docs/contributing/committing-changes#changes-files)
for more information.
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Gabe Hernandez <ghernandez345@gmail.com>

changes/16133-icons

@@ -0,0 +1 @@
+* Fix visual display of chevron right icons on Chrome

frontend/components/buttons/Button/_styles.scss

@@ -245,9 +245,12 @@ $base-class: "button";
         }
       }
 
-      // These buttons use stroke color instead of fill color to darken
+      // The SVG icons in these buttons contain a `stroke` instead of a `fill`,
+      // so we need to modify that property instead. Adding a custom `fill`
+      // could make these icons render incorrectly.
       &.input-field__copy-value-button,
-      &.windows-details-button {
+      &.windows-details-button,
+      [data-testid="chevron-right-icon"] {
         svg {
           path {
             fill: none;