From e81ef69fd13152cd6aa34ae7a273bf39d3835b8a Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Mon, 31 Aug 2020 10:12:51 -0400
Subject: [PATCH] style: fix dropdown trigger hover state

---
 .../addon/styles/rose/components/dropdown/_dropdown.scss    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
index 0194a485c..3bbbdb292 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
@@ -34,7 +34,7 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
     background-size: sizing.rems(m);
 
     &:hover {
-      background-color: var(--ui-gray-subtler-4);
+      background-color: var(--ui-gray-subtler-5);
     }
 
     &:not(.has-icon-only) .rose-icon:first-child {
@@ -59,7 +59,9 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
 
     &.show-caret {
       padding-right: sizing.rems(xl);
-      background: url($chevron) no-repeat right sizing.rems(m) center ;
+      background-image: url($chevron);
+      background-repeat: no-repeat;
+      background-position: right sizing.rems(m) center;
       background-size: sizing.rems(m);
     }