fix: v8 picker suggestion items color issue on hover in WHCM (#34724)

Author: smhigley

change/@fluentui-react-56e83488-6ea7-4087-afed-2b573fdc1637.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Picker suggestion items hover correctly in WHCM",
+  "packageName": "@fluentui/react",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react/src/components/pickers/Suggestions/SuggestionsItem.styles.ts

@@ -85,6 +85,9 @@ export function getStyles(props: ISuggestionsItemStyleProps): ISuggestionsItemSt
           ':hover': {
             color: semanticColors.menuItemTextHovered,
           },
+          '.ms-Button-flexContainer': {
+            width: '100%',
+          },
         },
       },
       suggested && [