fix width overflow issue in quiet picker (#5592)

Author: pr7prashant

packages/@react-spectrum/picker/src/Picker.tsx

@@ -225,14 +225,14 @@ function Picker<T extends object>(props: SpectrumPickerProps<T>, ref: DOMRef<HTM
     </div>
   );
 
-  let wrapperClassName = label ? classNames(
+  let wrapperClassName = classNames(
     styles,
     'spectrum-Field',
     {
       'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,
       'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'
     }
-  ) : '';
+  );
 
   return (
     <Field

packages/@react-spectrum/picker/stories/Picker.stories.tsx

@@ -395,6 +395,30 @@ export const Links: PickerStory = {
   )
 };
 
+export const Quiet: PickerStory = {
+  render: () => (
+    <View>
+      <View>
+        <h4>Quiet picker with label</h4>
+        <Picker label="Choose frequency" isQuiet>
+          <Item key="rarely">Rarely</Item>
+          <Item key="sometimes">Sometimes</Item>
+          <Item key="always">Always</Item>
+        </Picker>
+      </View>
+      <hr />
+      <View>
+        <h4>Quiet picker without label</h4>
+        <Picker aria-label="Choose frequency" isQuiet>
+          <Item key="rarely">Rarely</Item>
+          <Item key="sometimes">Sometimes</Item>
+          <Item key="always">Always</Item>
+        </Picker>
+      </View>
+    </View>
+  )
+};
+
 function DefaultPicker(props: SpectrumPickerProps<object>) {
   return (
     <Picker {...props}>