diff --git a/packages/@react-spectrum/s2/src/TextField.tsx b/packages/@react-spectrum/s2/src/TextField.tsx
index 08587e52826..e018f384545 100644
--- a/packages/@react-spectrum/s2/src/TextField.tsx
+++ b/packages/@react-spectrum/s2/src/TextField.tsx
@@ -74,7 +74,7 @@ export const TextArea = forwardRef(function TextArea(props: TextAreaProps, ref:
       {...props}
       ref={ref}
       fieldGroupCss={style({
-        alignItems: 'baseline',
+        alignItems: 'start',
         height: 'auto'
       })}>
       <TextAreaInput />
diff --git a/packages/@react-spectrum/s2/stories/TextField.stories.tsx b/packages/@react-spectrum/s2/stories/TextField.stories.tsx
index 475241e8560..d3e0aea9110 100644
--- a/packages/@react-spectrum/s2/stories/TextField.stories.tsx
+++ b/packages/@react-spectrum/s2/stories/TextField.stories.tsx
@@ -103,6 +103,27 @@ export const TextAreaExample: StoryTextArea = {
   }
 };
 
+export const TextAreaContextualHelpExample: StoryTextArea = {
+  render: (args) => (
+    <TextArea
+      {...args}
+      contextualHelp={
+        <ContextualHelp>
+          <Heading>Share your thoughts!</Heading>
+          <Content>
+            <Text>
+              Your comment will be visible to other users.
+            </Text>
+          </Content>
+        </ContextualHelp>
+      } />
+  ),
+  args: {
+    label: 'Comment',
+    placeholder: 'Enter a comment'
+  }
+};
+
 export const CustomWidth: StoryTextField = {
   render: (args) => <TextField {...args} styles={style({width: 384})} />,
   args: {