From 3e4edd3c46eab8beb64d0bf88da5aca9ee908560 Mon Sep 17 00:00:00 2001
From: Rivka Ungar <rivkaun@monday.com>
Date: Thu, 23 May 2024 14:16:32 +0300
Subject: [PATCH] fix(textField storybook) small changes in "TextField in a
 form" under "Use case and examples"

---
 .../components/TextField/__stories__/TextField.stories.scss  | 1 +
 .../components/TextField/__stories__/TextField.stories.tsx   | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/TextField/__stories__/TextField.stories.scss b/packages/core/src/components/TextField/__stories__/TextField.stories.scss
index 6330eed380..69c8d48d11 100644
--- a/packages/core/src/components/TextField/__stories__/TextField.stories.scss
+++ b/packages/core/src/components/TextField/__stories__/TextField.stories.scss
@@ -23,6 +23,7 @@
       display: flex;
       flex-direction: column;
       gap: 16px;
+      margin-top: 25px;
     }
   }
 
diff --git a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
index a533ca98cc..898259a2df 100644
--- a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
+++ b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
@@ -4,6 +4,7 @@ import { createComponentTemplate } from "vibe-storybook-components";
 import { Check, CloseSmall, Email, Show } from "../../Icon/Icons";
 import "./TextField.stories.scss";
 import { Meta, StoryObj } from "@storybook/react";
+import { Heading } from "../../../next/next";
 
 type Story = StoryObj<typeof TextField>;
 
@@ -121,7 +122,9 @@ export const Validation: Story = {
 export const TextFieldInAForm: Story = {
   render: () => (
     <div className="monday-storybook-text-field_box">
-      <h1>Dark Mode Feedback From</h1>
+      <Heading type={Heading.types.H1} weight={Heading.weights.BOLD} maxLines={2}>
+        Dark Mode Feedback From
+      </Heading>
       <div className="monday-storybook-text-field_box_wrapper">
         <TextField title="Your Name" size={TextField.sizes.MEDIUM} placeholder="John Doe" />
         <TextField title="Email" size={TextField.sizes.MEDIUM} placeholder="email@monday.com" />