diff --git a/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss b/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss
index aeccd543e7..6cc7c45a42 100644
--- a/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss
+++ b/packages/mgt-components/src/components/mgt-picker/mgt-picker.scss
@@ -19,12 +19,14 @@
 
     fluent-combobox {
       &::part(control) {
-        .selected-value {
+        &::placeholder {
           color: $picker-text-color;
         }
 
         &:hover {
-          --secondary-text-color: var(--secondary-text-hover-color);
+          &::placeholder {
+            color: $picker-text-hover-color;
+          }
         }
       }
     }
diff --git a/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss b/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss
index bd210d2554..83d26f2c14 100644
--- a/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss
+++ b/packages/mgt-components/src/components/mgt-picker/mgt-picker.theme.scss
@@ -9,3 +9,4 @@
 
 $picker-background-color: var(--picker-background-color, transparent);
 $picker-text-color: var(--picker-text-color, var(--secondary-text-color));
+$picker-text-hover-color: var(--picker-text-color-hover, var(--secondary-text-hover-color));