diff --git a/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/Examples.js b/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/Examples.js
index 35293c90d89..704c0227d80 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/Examples.js
+++ b/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/Examples.js
@@ -36,27 +36,25 @@ class Example extends PureComponent {
 />
           `}
         </ComponentBox>
-        <ComponentBox caption="Vertical placed label, using the `FormRow` component">
+        <ComponentBox caption="Vertical placed label">
           {/* @jsx */ `
-<FormRow vertical={true}>
-  <Textarea
-    label="Vertical:"
-    rows="3"
-    cols="33"
-    value="Textarea value with more than 3 lines\\nNewline\\nNewline\\nNewline\\nNewline"
-  />
-</FormRow>
+<Textarea
+  label="Vertical:"
+  label_direction="vertical"
+  rows="3"
+  cols="33"
+  value="Textarea value with more than 3 lines\\nNewline\\nNewline\\nNewline\\nNewline"
+/>
           `}
         </ComponentBox>
-        <ComponentBox caption="Horizontal placed label, using the `FormRow` component">
+        <ComponentBox caption="Stretched horizontal placed label">
           {/* @jsx */ `
-<FormRow>
-  <Textarea
-    label="Horizontal:"
-    rows="3"
-    value="Nec litora inceptos vestibulum id interdum donec gravida."
-  />
-</FormRow>
+<Textarea
+  label="Horizontal:"
+  stretch="true"
+  rows="3"
+  value="Nec litora inceptos vestibulum id interdum donec gravida."
+/>
           `}
         </ComponentBox>
         <ComponentBox caption="Max length usage">
diff --git a/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/textarea-properties.md b/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/textarea-properties.md
index fc2f1a69fe0..fd909f8f146 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/textarea-properties.md
+++ b/packages/dnb-design-system-portal/src/pages/uilib/components/textarea/textarea-properties.md
@@ -2,13 +2,15 @@
 draft: true
 ---
 
-| Properties       | Description                                                                                                          |
-| ---------------- | -------------------------------------------------------------------------------------------------------------------- |
-| `value`          | _(optional)_ the content value of the textarea.                                                                      |
-| `align`          | _(optional)_ defines the `text-align` of the textarea. Defaults to `left`.                                           |
-| `placeholder`    | _(optional)_ the placeholder which shows up once the textarea value is empty                                         |
-| `label`          | _(optional)_ prepends the Form Label component. If no ID is provided, a random ID is created. textarea.              |
-| `status`         | _(optional)_ text with a status message. The style defaults to an error message.                                     |
-| `status_state`   | _(optional)_ defines the state of the status. Currently there are two statuses `[error, info]`. Defaults to `error`. |
-| `textarea_state` | _(optional)_ to control the visual focus state as a prop, like `focus` or `blur`.                                    |
-| `textarea_class` | _(optional)_ in case we have to set a custom textarea class.                                                         |
+| Properties        | Description                                                                                                          |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------- |
+| `value`           | _(optional)_ the content value of the textarea.                                                                      |
+| `align`           | _(optional)_ defines the `text-align` of the textarea. Defaults to `left`.                                           |
+| `stretch`         | _(optional)_ if set to `true`, then the textarea field will be 100% in `width`.                                      |
+| `placeholder`     | _(optional)_ the placeholder which shows up once the textarea value is empty                                         |
+| `label`           | _(optional)_ prepends the Form Label component. If no ID is provided, a random ID is created. textarea.              |
+| `label_direction` | _(optional)_ use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`         |
+| `status`          | _(optional)_ text with a status message. The style defaults to an error message.                                     |
+| `status_state`    | _(optional)_ defines the state of the status. Currently there are two statuses `[error, info]`. Defaults to `error`. |
+| `textarea_state`  | _(optional)_ to control the visual focus state as a prop, like `focus` or `blur`.                                    |
+| `textarea_class`  | _(optional)_ in case we have to set a custom textarea class.                                                         |
diff --git a/packages/dnb-ui-lib/src/components/date-picker/DatePicker.js b/packages/dnb-ui-lib/src/components/date-picker/DatePicker.js
index c40d90551a4..020a0e873e7 100644
--- a/packages/dnb-ui-lib/src/components/date-picker/DatePicker.js
+++ b/packages/dnb-ui-lib/src/components/date-picker/DatePicker.js
@@ -555,7 +555,7 @@ export default class DatePicker extends PureComponent {
             opened && 'dnb-date-picker--opened',
             hidden && 'dnb-date-picker--hidden',
             showInput && 'dnb-date-picker--show-input',
-            status && `dnb-date-picker__status--${status_state}`,
+            // status && `dnb-date-picker__status--${status_state}`,
             (isTrue(show_submit_button) || isTrue(show_cancel_button)) &&
               'dnb-date-picker--show-footer'
           )}
diff --git a/packages/dnb-ui-lib/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap b/packages/dnb-ui-lib/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
index 1f723f06da3..6790dbbf289 100644
--- a/packages/dnb-ui-lib/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
@@ -73,7 +73,7 @@ exports[`DatePicker component have to match snapshot 1`] = `
     className="dnb-date-picker__wrapper dnb-date-picker__status--error"
   >
     <span
-      className="dnb-date-picker dnb-date-picker--hidden dnb-date-picker--show-input dnb-date-picker__status--error dnb-date-picker--show-footer"
+      className="dnb-date-picker dnb-date-picker--hidden dnb-date-picker--show-input dnb-date-picker--show-footer"
       date="2019-01-01T00:00:00.000Z"
     >
       <span
@@ -1508,16 +1508,14 @@ legend.dnb-form-label {
     margin-top: 0.5rem; }
   .dnb-input--stretch .dnb-input {
     flex: 1; }
-  .dnb-input--stretch .dnb-input__shell {
-    width: 100%; }
+    .dnb-input--stretch .dnb-input, .dnb-input--stretch .dnb-input__shell, .dnb-input--stretch .dnb-input__input {
+      width: 100%; }
   .dnb-input__wrapper {
     display: inline-flex;
     align-items: center; }
   .dnb-input__wrapper.dnb-input--vertical {
     align-items: flex-start;
     flex-direction: column; }
-  .dnb-input__wrapper.dnb-input--vertical.dnb-input--stretch .dnb-input {
-    width: 100%; }
   .dnb-input__wrapper.dnb-input--stretch {
     display: flex; }
   .dnb-input__wrapper[class*='__status'] {
diff --git a/packages/dnb-ui-lib/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.js.snap b/packages/dnb-ui-lib/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.js.snap
index 0dd66ef57c7..a65fe18fa10 100644
--- a/packages/dnb-ui-lib/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/input-masked/__tests__/__snapshots__/InputMasked.test.js.snap
@@ -698,16 +698,14 @@ legend.dnb-form-label {
     margin-top: 0.5rem; }
   .dnb-input--stretch .dnb-input {
     flex: 1; }
-  .dnb-input--stretch .dnb-input__shell {
-    width: 100%; }
+    .dnb-input--stretch .dnb-input, .dnb-input--stretch .dnb-input__shell, .dnb-input--stretch .dnb-input__input {
+      width: 100%; }
   .dnb-input__wrapper {
     display: inline-flex;
     align-items: center; }
   .dnb-input__wrapper.dnb-input--vertical {
     align-items: flex-start;
     flex-direction: column; }
-  .dnb-input__wrapper.dnb-input--vertical.dnb-input--stretch .dnb-input {
-    width: 100%; }
   .dnb-input__wrapper.dnb-input--stretch {
     display: flex; }
   .dnb-input__wrapper[class*='__status'] {
diff --git a/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap b/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap
index 44f17cea22c..c152bac7aa9 100644
--- a/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap
@@ -1106,16 +1106,14 @@ legend.dnb-form-label {
     margin-top: 0.5rem; }
   .dnb-input--stretch .dnb-input {
     flex: 1; }
-  .dnb-input--stretch .dnb-input__shell {
-    width: 100%; }
+    .dnb-input--stretch .dnb-input, .dnb-input--stretch .dnb-input__shell, .dnb-input--stretch .dnb-input__input {
+      width: 100%; }
   .dnb-input__wrapper {
     display: inline-flex;
     align-items: center; }
   .dnb-input__wrapper.dnb-input--vertical {
     align-items: flex-start;
     flex-direction: column; }
-  .dnb-input__wrapper.dnb-input--vertical.dnb-input--stretch .dnb-input {
-    width: 100%; }
   .dnb-input__wrapper.dnb-input--stretch {
     display: flex; }
   .dnb-input__wrapper[class*='__status'] {
diff --git a/packages/dnb-ui-lib/src/components/input/style/_input.scss b/packages/dnb-ui-lib/src/components/input/style/_input.scss
index 6fcfb763f92..6d4390a0bc0 100644
--- a/packages/dnb-ui-lib/src/components/input/style/_input.scss
+++ b/packages/dnb-ui-lib/src/components/input/style/_input.scss
@@ -192,9 +192,11 @@
   // make the input full width
   &--stretch & {
     flex: 1;
-  }
-  &--stretch &__shell {
-    width: 100%;
+    &,
+    &__shell,
+    &__input {
+      width: 100%;
+    }
   }
 
   // Wrapper layout handling
@@ -206,9 +208,6 @@
     align-items: flex-start;
     flex-direction: column;
   }
-  &__wrapper#{&}--vertical#{&}--stretch .dnb-input {
-    width: 100%;
-  }
   &__wrapper#{&}--stretch {
     display: flex;
   }
diff --git a/packages/dnb-ui-lib/src/components/textarea/Textarea.js b/packages/dnb-ui-lib/src/components/textarea/Textarea.js
index 99f20537d5a..8b376f46b84 100644
--- a/packages/dnb-ui-lib/src/components/textarea/Textarea.js
+++ b/packages/dnb-ui-lib/src/components/textarea/Textarea.js
@@ -18,6 +18,8 @@ import {
   dispatchCustomElementEvent
 } from '../../shared/component-helper'
 
+import Context from '../../shared/Context'
+
 const renderProps = {
   on_change: null,
   on_focus: null,
@@ -28,12 +30,14 @@ export const propTypes = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   id: PropTypes.string,
   label: PropTypes.string,
+  label_direction: PropTypes.oneOf(['horizontal', 'vertical']),
   status: PropTypes.string,
   textarea_state: PropTypes.string,
   status_state: PropTypes.string,
   status_animation: PropTypes.string,
   placeholder: PropTypes.string,
   align: PropTypes.oneOf(['left', 'right']),
+  stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   class: PropTypes.string,
   textarea_class: PropTypes.string,
@@ -63,12 +67,14 @@ export const defaultProps = {
   value: null,
   id: null,
   label: null,
+  label_direction: null,
   status: null,
   textarea_state: null,
   status_state: 'error',
   status_animation: null,
   placeholder: null,
   align: null,
+  stretch: null,
   disabled: null,
   textarea_class: null,
   class: null,
@@ -96,6 +102,7 @@ export default class Textarea extends PureComponent {
   static propTypes = propTypes
   static defaultProps = defaultProps
   static renderProps = renderProps
+  static contextType = Context
 
   static enableWebComponent() {
     registerElement(Textarea.tagName, Textarea, defaultProps)
@@ -176,10 +183,12 @@ export default class Textarea extends PureComponent {
 
     const {
       label,
+      label_direction,
       status,
       status_state,
       status_animation,
       disabled,
+      stretch,
       placeholder,
       align,
       textarea_class,
@@ -205,8 +214,6 @@ export default class Textarea extends PureComponent {
       `dnb-textarea--${textareaState}`,
       String(value || '').length > 0 && 'dnb-textarea--has-content',
       align && `dnb-textarea__align--${align}`,
-      showStatus && 'dnb-textarea__form-status',
-      status && `dnb-textarea__status--${status_state}`,
       _className,
       className
     )
@@ -246,6 +253,15 @@ export default class Textarea extends PureComponent {
       shellParams['aria-disabled'] = true
     }
 
+    const wrapperParams = {
+      className: classnames(
+        'dnb-textarea__wrapper',
+        status && `dnb-textarea__status--${status_state}`,
+        label_direction && `dnb-textarea--${label_direction}`,
+        isTrue(stretch) && `dnb-textarea--stretch`
+      )
+    }
+
     // to show the ending dots on a placeholder, if the text is longer
     const placeholderStyle =
       parseFloat(this.props.rows) > 0
@@ -266,13 +282,14 @@ export default class Textarea extends PureComponent {
     }
 
     return (
-      <>
+      <span {...wrapperParams}>
         {label && (
           <FormLabel
             id={id + '-label'}
             for_id={id}
             text={label}
             disabled={disabled}
+            direction={label_direction}
           />
         )}
         <span role="textbox" className={classes}>
@@ -304,7 +321,7 @@ export default class Textarea extends PureComponent {
             />
           )}
         </span>
-      </>
+      </span>
     )
   }
 }
diff --git a/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/Textarea.test.js.snap b/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/Textarea.test.js.snap
index 61377a19baa..205ae39cf77 100644
--- a/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/Textarea.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/Textarea.test.js.snap
@@ -17,6 +17,7 @@ exports[`Textarea component have to match snapshot 1`] = `
         "disabled": "disabled",
         "id": "id",
         "label": "label",
+        "label_direction": "'horizontal'",
         "on_blur": [Function],
         "on_change": [Function],
         "on_focus": [Function],
@@ -26,6 +27,7 @@ exports[`Textarea component have to match snapshot 1`] = `
         "status": "status",
         "status_animation": "status_animation",
         "status_state": "status_state",
+        "stretch": "stretch",
         "textareaElement": [Function],
         "textarea_class": "textarea_class",
         "textarea_state": "textarea_state",
@@ -43,6 +45,7 @@ exports[`Textarea component have to match snapshot 1`] = `
   disabled={false}
   id="textarea"
   label={null}
+  label_direction={null}
   on_blur={null}
   on_change={null}
   on_focus={null}
@@ -52,27 +55,32 @@ exports[`Textarea component have to match snapshot 1`] = `
   status={null}
   status_animation={null}
   status_state="error"
+  stretch={null}
   textareaElement={null}
   textarea_class={null}
   textarea_state={null}
   value="test"
 >
   <span
-    className="dnb-textarea dnb-textarea--virgin dnb-textarea--has-content"
-    role="textbox"
+    className="dnb-textarea__wrapper"
   >
     <span
-      className="dnb-textarea__shell"
+      className="dnb-textarea dnb-textarea--virgin dnb-textarea--has-content"
+      role="textbox"
     >
-      <textarea
-        className="dnb-textarea__textarea"
-        id="textarea"
-        name="textarea"
-        onBlur={[Function]}
-        onChange={[Function]}
-        onFocus={[Function]}
-        value="test"
-      />
+      <span
+        className="dnb-textarea__shell"
+      >
+        <textarea
+          className="dnb-textarea__textarea"
+          id="textarea"
+          name="textarea"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onFocus={[Function]}
+          value="test"
+        />
+      </span>
     </span>
   </span>
 </Textarea>
@@ -561,7 +569,9 @@ textarea.dnb-textarea {
     padding: var(--textarea-padding-width);
     padding-top: calc( var(--textarea-padding-width) - var(--textarea-vertical-correction));
     padding-bottom: var(--textarea-vertical-correction);
-    line-height: 1.5rem; }
+    line-height: 1.5rem;
+    font-variant-numeric: lining-nums;
+    font-feature-settings: \\"lnum\\"; }
     .dnb-textarea__textarea,
     .dnb-textarea__textarea textarea {
       margin: 0; }
@@ -573,8 +583,24 @@ textarea.dnb-textarea {
   .dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder,
   .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
     opacity: 0.5; }
-  .dnb-textarea__form-status .dnb-form-status {
+  .dnb-textarea__wrapper[class*='__status'] .dnb-form-status {
     margin: 1rem 0 0 calc(1px - 1px - var(--textarea-padding-width)); }
+  .dnb-textarea--stretch .dnb-textarea {
+    flex: 1; }
+    .dnb-textarea--stretch .dnb-textarea, .dnb-textarea--stretch .dnb-textarea__shell, .dnb-textarea--stretch .dnb-textarea__textarea {
+      width: 100%; }
+  .dnb-textarea__wrapper {
+    display: inline-flex;
+    align-items: baseline; }
+  .dnb-textarea__wrapper.dnb-textarea--vertical {
+    display: inline-flex;
+    flex-direction: column; }
+  .dnb-textarea__wrapper.dnb-textarea--stretch {
+    display: flex; }
+  .dnb-textarea__wrapper[class*='__status'] {
+    align-items: flex-start; }
+    .dnb-textarea__wrapper[class*='__status'] > .dnb-form-label {
+      margin-top: 0.25rem; }
 
 textarea.dnb-textarea {
   display: inline-block;
@@ -586,6 +612,8 @@ textarea.dnb-textarea {
   padding-top: calc( var(--textarea-padding-width) - var(--textarea-vertical-correction));
   padding-bottom: var(--textarea-vertical-correction);
   line-height: 1.5rem;
+  font-variant-numeric: lining-nums;
+  font-feature-settings: \\"lnum\\";
   border-radius: 0.5rem;
   /* IE11 fix */ }
   textarea.dnb-textarea,
@@ -630,8 +658,6 @@ textarea.dnb-textarea {
     textarea.dnb-textarea {
       -ms-overflow-style: -ms-autohiding-scrollba;
       box-shadow: 0 0 0 0.0625rem var(--color-sea-green-alt); } }
-  label + textarea.dnb-textarea[class*='__form-status'] {
-    vertical-align: baseline; }
 
 .dnb-form-row--vertical > .dnb-textarea {
   transform: translateY(2px); }
diff --git a/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/textarea-screenshot-test-js-textarea-screenshot-have-to-match-the-default-error-textarea-style-1-355e0.snap.png b/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/textarea-screenshot-test-js-textarea-screenshot-have-to-match-the-default-error-textarea-style-1-355e0.snap.png
index f130a29f1e2..b3f700e05c4 100644
Binary files a/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/textarea-screenshot-test-js-textarea-screenshot-have-to-match-the-default-error-textarea-style-1-355e0.snap.png and b/packages/dnb-ui-lib/src/components/textarea/__tests__/__snapshots__/textarea-screenshot-test-js-textarea-screenshot-have-to-match-the-default-error-textarea-style-1-355e0.snap.png differ
diff --git a/packages/dnb-ui-lib/src/components/textarea/style/_textarea.scss b/packages/dnb-ui-lib/src/components/textarea/style/_textarea.scss
index f62e8d2b275..d4a7014a9a2 100644
--- a/packages/dnb-ui-lib/src/components/textarea/style/_textarea.scss
+++ b/packages/dnb-ui-lib/src/components/textarea/style/_textarea.scss
@@ -36,6 +36,7 @@
       var(--color-sea-green-alt);
 
   @include textareaStyleCommon();
+  @include numberFeature(lining-nums, lnum);
 }
 
 .dnb-textarea {
@@ -84,9 +85,39 @@
     opacity: 0.5;
   }
 
-  &__form-status .dnb-form-status {
+  &__wrapper[class*='__status'] .dnb-form-status {
     margin: 1rem 0 0 calc(1px - 1px - var(--textarea-padding-width));
   }
+
+  // make the input full width
+  &--stretch & {
+    flex: 1;
+    &,
+    &__shell,
+    &__textarea {
+      width: 100%;
+    }
+  }
+
+  // Wrapper layout handling
+  &__wrapper {
+    display: inline-flex;
+    align-items: baseline;
+  }
+  &__wrapper#{&}--vertical {
+    display: inline-flex;
+    flex-direction: column;
+  }
+  &__wrapper#{&}--stretch {
+    display: flex;
+  }
+  &__wrapper[class*='__status'] {
+    align-items: flex-start;
+    > .dnb-form-label {
+      // vertical align the current font
+      margin-top: 0.25rem;
+    }
+  }
 }
 
 textarea.dnb-textarea {
@@ -95,10 +126,6 @@ textarea.dnb-textarea {
 
   @include textareaStyle();
   @include textareaTheme();
-
-  label + &[class*='__form-status'] {
-    vertical-align: baseline;
-  }
 }
 
 // enhance "FormRow" components styles
diff --git a/packages/dnb-ui-lib/stories/components/Input.js b/packages/dnb-ui-lib/stories/components/Input.js
index 92d5fa13135..696629542ce 100644
--- a/packages/dnb-ui-lib/stories/components/Input.js
+++ b/packages/dnb-ui-lib/stories/components/Input.js
@@ -32,7 +32,7 @@ export default [
             <FormRow vertical>
               <Input
                 label="Vertical 1:"
-                value="Placeholder 1 ..."
+                placeholder="Placeholder 1 Nullam cubilia primis pulvinar sed nunc semper habitasse rhoncus aptent orci class tempus quisque sociis"
                 stretch
               />
               <Input
diff --git a/packages/dnb-ui-lib/stories/components/Textarea.js b/packages/dnb-ui-lib/stories/components/Textarea.js
index 0282f197604..c1603e64338 100644
--- a/packages/dnb-ui-lib/stories/components/Textarea.js
+++ b/packages/dnb-ui-lib/stories/components/Textarea.js
@@ -7,7 +7,7 @@ import React /* , { useState, useEffect } */ from 'react'
 import { Wrapper, Box } from '../helpers'
 // import styled from '@emotion/styled'
 
-import { Textarea } from '../../src/components'
+import { Textarea, FormRow } from '../../src/components'
 
 export default [
   'Textarea',
@@ -72,6 +72,36 @@ export default [
         />
         <p className="dnb-p">I have still to be on the grid!</p>
       </Box>
+      <Box>
+        <Textarea
+          stretch
+          label="Stretched label:"
+          // label_direction="vertical"
+          value="Nec litora inceptos vestibulum id interdum donec gravida nostra
+              lacinia bibendum hendrerit porttitor volutpat nam duis nisl
+              scelerisque sapien erat"
+        />
+      </Box>
+      <Box>
+        <Textarea
+          stretch
+          label="Stretched label:"
+          label_direction="vertical"
+          value="Nec litora inceptos vestibulum id interdum donec gravida nostra
+              lacinia bibendum hendrerit porttitor volutpat nam duis nisl
+              scelerisque sapien erat"
+        />
+      </Box>
+      <Box>
+        <FormRow disabled vertical>
+          <Textarea
+            label="Vertical label:"
+            value="Nec litora inceptos vestibulum id interdum donec gravida nostra
+            lacinia bibendum hendrerit porttitor volutpat nam duis nisl
+            scelerisque sapien erat"
+          />
+        </FormRow>
+      </Box>
       <Box>
         <Textarea
           label="Disabled:"