Make some settings descriptions wrap correctly

Applies to https://github.com/microsoft/PowerToys/issues/712

src/settings-web/src/components/DropdownSettingsControl.tsx

@@ -30,11 +30,10 @@ export class DropdownSettingsControl extends BaseSettingsControl {
   public render(): JSX.Element {
     return (
       <Dropdown
-        styles={{
-          root:{
-            width: '350px',
-            alignSelf: 'start'
-          }}}
+        styles={{ dropdown: { 
+          width: '350px',
+          alignSelf: 'start'
+        } }}
         defaultSelectedKey={this.state.property_values.value}
         options={this.state.property_values.options}
         label={this.state.property_values.display_name}

src/settings-web/src/components/HotkeySettingsControl.tsx

@@ -50,8 +50,7 @@ export class HotkeySettingsControl extends BaseSettingsControl {
     // Renders a UI Fabric TextField.
     return (
       <TextField
-        styles= {{
-        root: {
+        styles={{ fieldGroup: {
           width: '350px',
           alignSelf: 'start'
         }}}