diff --git a/src/renderer/src/components/Selector.tsx b/src/renderer/src/components/Selector.tsx
index 860750b94a..c48d600dc5 100644
--- a/src/renderer/src/components/Selector.tsx
+++ b/src/renderer/src/components/Selector.tsx
@@ -61,6 +61,13 @@ const Selector = <V extends string | number>({
   )
 }
 
+const LabelIcon = styled(ChevronsUpDown)`
+  border-radius: 4px;
+  padding: 2px 0;
+  background-color: var(--color-background-soft);
+  transition: background-color 0.2s;
+`
+
 const Label = styled.div<{ $size: number; $open: boolean }>`
   display: flex;
   align-items: center;
@@ -72,20 +79,20 @@ const Label = styled.div<{ $size: number; $open: boolean }>`
   transition: background-color 0.2s;
   &:hover {
     background-color: var(--color-background-mute);
+    ${LabelIcon} {
+      background-color: var(--color-background-mute);
+    }
   }
   ${({ $open }) =>
     $open &&
     css`
       background-color: var(--color-background-mute);
+      ${LabelIcon} {
+        background-color: var(--color-background-mute);
+      }
     `}
 `
 
-const LabelIcon = styled(ChevronsUpDown)`
-  border-radius: 4px;
-  padding: 2px 0;
-  background-color: var(--color-background-mute);
-`
-
 const CheckIcon = styled.div`
   width: 20px;
   display: flex;