use rows

Author: lexi-taylor

packages/component/src/Activity/private/FeedbackForm.tsx

@@ -82,6 +82,7 @@ function FeedbackForm({
           onInput={handleChange}
           placeholder={localize('FEEDBACK_FORM_PLACEHOLDER')}
           ref={feedbackTextAreaRef}
+          startRows={3}
           value={userFeedback}
         />
         {disclaimer && (

packages/component/src/Styles/StyleSet/FeedbackTextArea.ts

@@ -16,7 +16,6 @@ export default function createFeedbackTextAreaStyle() {
       lineHeight: '20px',
       padding: '8px 12px',
       position: 'relative',
-      minHeight: '60px',
       minWidth: '280px',
       '&::after': {
         borderBottomLeftRadius: '4px',

packages/fluent-theme/src/components/theme/Theme.module.css

@@ -699,7 +699,6 @@
   gap: var(--webchat-spacingVerticalSNudge);
   padding: var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalM);
   position: relative;
-  min-height: 60px;
   min-width: 280px;
   &::after {
     border-bottom-left-radius: var(--webchat-borderRadiusMedium);