diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index de4af41f4..60d02047d 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -7655,520 +7655,96 @@ exports[`Storyshots Generics / Rich text editor default 1`] = `
       class="MuiCardContent-root-id"
     >
       <div
-        class="RichTextEditor-root-id RichTextEditor-scroll-id"
+        class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+        data-test="richTextEditor"
+        data-test-id="content"
       >
-        <div
-          class="RichTextEditor-input-id"
+        <label
+          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+          data-shrink="true"
         >
-          <div
-            class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-          >
-            Content
-          </div>
-          <div
-            class="Draftail-Editor Draftail-Editor--hide-placeholder"
-          >
-            <div
-              class="Draftail-Toolbar"
-              role="toolbar"
-            >
-              <div
-                class="Draftail-ToolbarGroup"
-              >
-                <button
-                  aria-label="Bold
-Ctrl + B"
-                  class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                  data-draftail-balloon="true"
-                  name="BOLD"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Italic
-Ctrl + I"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="ITALIC"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="STRIKETHROUGH"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                    />
-                  </svg>
-                </button>
-              </div>
-              <div
-                class="Draftail-ToolbarGroup"
-              >
-                <button
-                  aria-label="Heading 1
-#"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="header-one"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                    />
-                    <path
-                      d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Heading 2
-##"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="header-two"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                    />
-                    <path
-                      d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Heading 3
-###"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="header-three"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                    />
-                    <path
-                      d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Blockquote
->"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="blockquote"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Bulleted list
--"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="unordered-list-item"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  aria-label="Numbered list
-1."
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="ordered-list-item"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                    />
-                  </svg>
-                </button>
-              </div>
-              <div
-                class="Draftail-ToolbarGroup"
-              >
-                <button
-                  aria-label="Line break
-⇧ + ↵"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="BR"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="Draftail-ToolbarButton__label"
-                  >
-                    ↵
-                  </span>
-                </button>
-              </div>
-              <div
-                class="Draftail-ToolbarGroup"
-              >
-                <button
-                  aria-label="Link
-Ctrl + K"
-                  class="Draftail-ToolbarButton"
-                  data-draftail-balloon="true"
-                  name="LINK"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                    focusable="false"
-                    role="presentation"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                    />
-                  </svg>
-                </button>
-              </div>
-            </div>
-            <div
-              class="DraftEditor-root"
-            >
-              <div
-                class="DraftEditor-editorContainer"
-              >
-                <div
-                  aria-describedby="placeholder-testKey"
-                  class="notranslate public-DraftEditor-content"
-                  contenteditable="true"
-                  role="textbox"
-                  spellcheck="false"
-                  style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                >
-                  <div
-                    data-contents="true"
-                  >
-                    <div
-                      class="Draftail-block--unstyled "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="rosn-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="rosn-0-0"
-                      >
-                        <span
-                          data-offset-key="rosn-0-0"
-                          style="font-weight:bold"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            bold
-                          </span>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="Draftail-block--unstyled "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="6tbch-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="6tbch-0-0"
-                      >
-                        <span
-                          data-offset-key="6tbch-0-0"
-                          style="font-style:italic"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            italic
-                          </span>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="Draftail-block--unstyled "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="1p044-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="1p044-0-0"
-                      >
-                        <span
-                          data-offset-key="1p044-0-0"
-                          style="text-decoration:line-through"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            strikethrough
-                          </span>
-                        </span>
-                      </div>
-                    </div>
-                    <h1
-                      class="Draftail-block--header-one "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="aven6-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="aven6-0-0"
-                      >
-                        <span
-                          data-offset-key="aven6-0-0"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            h1
-                          </span>
-                        </span>
-                      </div>
-                    </h1>
-                    <h2
-                      class="Draftail-block--header-two "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="9rabl-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="9rabl-0-0"
-                      >
-                        <span
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            h2
-                          </span>
-                        </span>
-                      </div>
-                    </h2>
-                    <h3
-                      class="Draftail-block--header-three "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="bv0ac-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="bv0ac-0-0"
-                      >
-                        <span
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            h3
-                          </span>
-                        </span>
-                      </div>
-                    </h3>
-                    <blockquote
-                      class="Draftail-block--blockquote "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="2ip7q-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="2ip7q-0-0"
-                      >
-                        <span
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            blockquote
-                          </span>
-                        </span>
-                      </div>
-                    </blockquote>
-                    <ul
-                      class="public-DraftStyleDefault-ul"
-                      data-offset-key="8r8ss-0-0"
-                    >
-                      <li
-                        class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                        data-block="true"
-                        data-editor="testKey"
-                        data-offset-key="8r8ss-0-0"
-                      >
-                        <div
-                          class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <span
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <span
-                              data-text="true"
-                            >
-                              ul
-                            </span>
-                          </span>
-                        </div>
-                      </li>
-                    </ul>
-                    <ol
-                      class="public-DraftStyleDefault-ol"
-                      data-offset-key="911hc-0-0"
-                    >
-                      <li
-                        class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                        data-block="true"
-                        data-editor="testKey"
-                        data-offset-key="911hc-0-0"
-                      >
-                        <div
-                          class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <span
-                            data-offset-key="911hc-0-0"
-                          >
-                            <span
-                              data-text="true"
-                            >
-                              ol
-                            </span>
-                          </span>
-                        </div>
-                      </li>
-                    </ol>
-                    <div
-                      class="Draftail-block--unstyled "
-                      data-block="true"
-                      data-editor="testKey"
-                      data-offset-key="5aejo-0-0"
-                    >
-                      <div
-                        class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                        data-offset-key="5aejo-0-0"
-                      >
-                        <span
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <span
-                            data-text="true"
-                          >
-                            link
-                          </span>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+          Content
+        </label>
+        <div
+          class="RichTextEditor-editor-id RichTextEditor-root-id"
+        />
+        <p
+          class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Generics / Rich text editor disabled 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    style="margin:auto;overflow:visible;position:relative;width:400px"
+  >
+    <div
+      class="MuiCardContent-root-id"
+    >
+      <div
+        class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+        data-test="richTextEditor"
+        data-test-id="content"
+      >
+        <label
+          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+          data-shrink="true"
+        >
+          Content
+        </label>
+        <div
+          class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+        />
+        <p
+          class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Generics / Rich text editor error 1`] = `
+<div
+  style="padding:24px"
+>
+  <div
+    class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+    style="margin:auto;overflow:visible;position:relative;width:400px"
+  >
+    <div
+      class="MuiCardContent-root-id"
+    >
+      <div
+        class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+        data-test="richTextEditor"
+        data-test-id="content"
+      >
+        <label
+          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+          data-shrink="true"
+        >
+          Content
+        </label>
+        <div
+          class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootError-id"
+        />
+        <p
+          class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit
+        </p>
       </div>
     </div>
   </div>
@@ -31726,316 +31302,22 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
               class="FormSpacer-spacer-id"
             />
             <div
-              class="RichTextEditor-root-id RichTextEditor-scroll-id"
+              class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              data-test="richTextEditor"
+              data-test-id="description"
             >
-              <div
-                class="RichTextEditor-input-id"
+              <label
+                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                data-shrink="true"
               >
-                <div
-                  class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                >
-                  Category Description
-                </div>
-                <div
-                  class="Draftail-Editor"
-                >
-                  <div
-                    class="Draftail-Toolbar"
-                    role="toolbar"
-                  >
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Bold
-Ctrl + B"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BOLD"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Italic
-Ctrl + I"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ITALIC"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="STRIKETHROUGH"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Heading 1
-#"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-one"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                          />
-                          <path
-                            d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 2
-##"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-two"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                          />
-                          <path
-                            d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 3
-###"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-three"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                          />
-                          <path
-                            d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Blockquote
->"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="blockquote"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Bulleted list
--"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="unordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Numbered list
-1."
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Line break
-⇧ + ↵"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BR"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <span
-                          class="Draftail-ToolbarButton__label"
-                        >
-                          ↵
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Link
-Ctrl + K"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="LINK"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="DraftEditor-root"
-                  >
-                    <div
-                      class="DraftEditor-editorContainer"
-                    >
-                      <div
-                        aria-describedby="placeholder-testKey"
-                        class="notranslate public-DraftEditor-content"
-                        contenteditable="true"
-                        role="textbox"
-                        spellcheck="false"
-                        style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                      >
-                        <div
-                          data-contents="true"
-                        >
-                          <div
-                            class="Draftail-block--unstyled "
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="testKey-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <span
-                                data-offset-key="testKey-0-0"
-                              >
-                                <br
-                                  data-text="true"
-                                />
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
+                Category Description
+              </label>
+              <div
+                class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+              />
+              <p
+                class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+              />
             </div>
           </div>
         </div>
@@ -32309,316 +31591,22 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
               class="FormSpacer-spacer-id"
             />
             <div
-              class="RichTextEditor-root-id RichTextEditor-scroll-id"
+              class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              data-test="richTextEditor"
+              data-test-id="description"
             >
-              <div
-                class="RichTextEditor-input-id"
+              <label
+                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                data-shrink="true"
               >
-                <div
-                  class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                >
-                  Category Description
-                </div>
-                <div
-                  class="Draftail-Editor"
-                >
-                  <div
-                    class="Draftail-Toolbar"
-                    role="toolbar"
-                  >
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Bold
-Ctrl + B"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BOLD"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Italic
-Ctrl + I"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ITALIC"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="STRIKETHROUGH"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Heading 1
-#"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-one"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                          />
-                          <path
-                            d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 2
-##"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-two"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                          />
-                          <path
-                            d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 3
-###"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-three"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                          />
-                          <path
-                            d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Blockquote
->"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="blockquote"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Bulleted list
--"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="unordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Numbered list
-1."
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Line break
-⇧ + ↵"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BR"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <span
-                          class="Draftail-ToolbarButton__label"
-                        >
-                          ↵
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Link
-Ctrl + K"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="LINK"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="DraftEditor-root"
-                  >
-                    <div
-                      class="DraftEditor-editorContainer"
-                    >
-                      <div
-                        aria-describedby="placeholder-testKey"
-                        class="notranslate public-DraftEditor-content"
-                        contenteditable="true"
-                        role="textbox"
-                        spellcheck="false"
-                        style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                      >
-                        <div
-                          data-contents="true"
-                        >
-                          <div
-                            class="Draftail-block--unstyled "
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="testKey-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <span
-                                data-offset-key="testKey-0-0"
-                              >
-                                <br
-                                  data-text="true"
-                                />
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
+                Category Description
+              </label>
+              <div
+                class="RichTextEditor-editor-id RichTextEditor-root-id"
+              />
+              <p
+                class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+              />
             </div>
           </div>
         </div>
@@ -32897,321 +31885,24 @@ exports[`Storyshots Views / Categories / Create category form errors 1`] = `
               class="FormSpacer-spacer-id"
             />
             <div
-              class="RichTextEditor-error-id RichTextEditor-root-id RichTextEditor-scroll-id"
+              class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+              data-test="richTextEditor"
+              data-test-id="description"
             >
-              <div
-                class="RichTextEditor-input-id"
+              <label
+                class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                data-shrink="true"
               >
-                <div
-                  class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                >
-                  Category Description
-                </div>
-                <div
-                  class="Draftail-Editor"
-                >
-                  <div
-                    class="Draftail-Toolbar"
-                    role="toolbar"
-                  >
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Bold
-Ctrl + B"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BOLD"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Italic
-Ctrl + I"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ITALIC"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="STRIKETHROUGH"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Heading 1
-#"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-one"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                          />
-                          <path
-                            d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 2
-##"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-two"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                          />
-                          <path
-                            d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Heading 3
-###"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="header-three"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                          />
-                          <path
-                            d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Blockquote
->"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="blockquote"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Bulleted list
--"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="unordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                          />
-                        </svg>
-                      </button>
-                      <button
-                        aria-label="Numbered list
-1."
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="ordered-list-item"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Line break
-⇧ + ↵"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="BR"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <span
-                          class="Draftail-ToolbarButton__label"
-                        >
-                          ↵
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="Draftail-ToolbarGroup"
-                    >
-                      <button
-                        aria-label="Link
-Ctrl + K"
-                        class="Draftail-ToolbarButton"
-                        data-draftail-balloon="true"
-                        name="LINK"
-                        tabindex="-1"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                          focusable="false"
-                          role="presentation"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="DraftEditor-root"
-                  >
-                    <div
-                      class="DraftEditor-editorContainer"
-                    >
-                      <div
-                        aria-describedby="placeholder-testKey"
-                        class="notranslate public-DraftEditor-content"
-                        contenteditable="true"
-                        role="textbox"
-                        spellcheck="false"
-                        style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                      >
-                        <div
-                          data-contents="true"
-                        >
-                          <div
-                            class="Draftail-block--unstyled "
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="testKey-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <span
-                                data-offset-key="testKey-0-0"
-                              >
-                                <br
-                                  data-text="true"
-                                />
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
+                Category Description
+              </label>
               <div
-                class="MuiTypography-root-id RichTextEditor-error-id RichTextEditor-helperText-id MuiTypography-caption-id"
+                class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootError-id"
+              />
+              <p
+                class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
               >
                 This field is required
-              </div>
+              </p>
             </div>
           </div>
         </div>
@@ -33484,520 +32175,22 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+            />
           </div>
         </div>
       </div>
@@ -34216,195 +32409,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -34435,40 +32446,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -34772,525 +32756,24 @@ exports[`Storyshots Views / Categories / Update category form errors 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-error-id RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
             <div
-              class="MuiTypography-root-id RichTextEditor-error-id RichTextEditor-helperText-id MuiTypography-caption-id"
+              class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootError-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
             >
               This field is required
-            </div>
+            </p>
           </div>
         </div>
       </div>
@@ -35509,195 +32992,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -35728,40 +33029,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -36066,316 +33340,22 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="testKey-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="testKey-0-0"
-                          >
-                            <span
-                              data-offset-key="testKey-0-0"
-                            >
-                              <br
-                                data-text="true"
-                              />
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+            />
           </div>
         </div>
       </div>
@@ -36951,520 +33931,22 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+            />
           </div>
         </div>
       </div>
@@ -37638,195 +34120,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -37857,40 +34157,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -38189,520 +34462,22 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+            />
           </div>
         </div>
       </div>
@@ -38921,195 +34696,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -39140,40 +34733,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -39477,520 +35043,22 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+            />
           </div>
         </div>
       </div>
@@ -40209,195 +35277,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -40428,40 +35314,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -40760,520 +35619,22 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
             class="FormSpacer-spacer-id"
           />
           <div
-            class="RichTextEditor-root-id RichTextEditor-scroll-id"
+            class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+            data-test="richTextEditor"
+            data-test-id="description"
           >
-            <div
-              class="RichTextEditor-input-id"
+            <label
+              class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+              data-shrink="true"
             >
-              <div
-                class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-              >
-                Category Description
-              </div>
-              <div
-                class="Draftail-Editor Draftail-Editor--hide-placeholder"
-              >
-                <div
-                  class="Draftail-Toolbar"
-                  role="toolbar"
-                >
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Bold
-Ctrl + B"
-                      class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                      data-draftail-balloon="true"
-                      name="BOLD"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Italic
-Ctrl + I"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ITALIC"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="STRIKETHROUGH"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Heading 1
-#"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-one"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                        />
-                        <path
-                          d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 2
-##"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-two"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                        />
-                        <path
-                          d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Heading 3
-###"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="header-three"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                        />
-                        <path
-                          d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Blockquote
->"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="blockquote"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Bulleted list
--"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="unordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                        />
-                      </svg>
-                    </button>
-                    <button
-                      aria-label="Numbered list
-1."
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="ordered-list-item"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Line break
-⇧ + ↵"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="BR"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <span
-                        class="Draftail-ToolbarButton__label"
-                      >
-                        ↵
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="Draftail-ToolbarGroup"
-                  >
-                    <button
-                      aria-label="Link
-Ctrl + K"
-                      class="Draftail-ToolbarButton"
-                      data-draftail-balloon="true"
-                      name="LINK"
-                      tabindex="-1"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                        focusable="false"
-                        role="presentation"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="DraftEditor-root"
-                >
-                  <div
-                    class="DraftEditor-editorContainer"
-                  >
-                    <div
-                      aria-describedby="placeholder-testKey"
-                      class="notranslate public-DraftEditor-content"
-                      contenteditable="true"
-                      role="textbox"
-                      spellcheck="false"
-                      style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                    >
-                      <div
-                        data-contents="true"
-                      >
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="rosn-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="rosn-0-0"
-                          >
-                            <span
-                              data-offset-key="rosn-0-0"
-                              style="font-weight:bold"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                bold
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="6tbch-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="6tbch-0-0"
-                          >
-                            <span
-                              data-offset-key="6tbch-0-0"
-                              style="font-style:italic"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                italic
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="1p044-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="1p044-0-0"
-                          >
-                            <span
-                              data-offset-key="1p044-0-0"
-                              style="text-decoration:line-through"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                strikethrough
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                        <h1
-                          class="Draftail-block--header-one "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="aven6-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="aven6-0-0"
-                          >
-                            <span
-                              data-offset-key="aven6-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h1
-                              </span>
-                            </span>
-                          </div>
-                        </h1>
-                        <h2
-                          class="Draftail-block--header-two "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="9rabl-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="9rabl-0-0"
-                          >
-                            <span
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h2
-                              </span>
-                            </span>
-                          </div>
-                        </h2>
-                        <h3
-                          class="Draftail-block--header-three "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="bv0ac-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="bv0ac-0-0"
-                          >
-                            <span
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                h3
-                              </span>
-                            </span>
-                          </div>
-                        </h3>
-                        <blockquote
-                          class="Draftail-block--blockquote "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="2ip7q-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="2ip7q-0-0"
-                          >
-                            <span
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                blockquote
-                              </span>
-                            </span>
-                          </div>
-                        </blockquote>
-                        <ul
-                          class="public-DraftStyleDefault-ul"
-                          data-offset-key="8r8ss-0-0"
-                        >
-                          <li
-                            class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="8r8ss-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <span
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ul
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                        <ol
-                          class="public-DraftStyleDefault-ol"
-                          data-offset-key="911hc-0-0"
-                        >
-                          <li
-                            class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                            data-block="true"
-                            data-editor="testKey"
-                            data-offset-key="911hc-0-0"
-                          >
-                            <div
-                              class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <span
-                                data-offset-key="911hc-0-0"
-                              >
-                                <span
-                                  data-text="true"
-                                >
-                                  ol
-                                </span>
-                              </span>
-                            </div>
-                          </li>
-                        </ol>
-                        <div
-                          class="Draftail-block--unstyled "
-                          data-block="true"
-                          data-editor="testKey"
-                          data-offset-key="5aejo-0-0"
-                        >
-                          <div
-                            class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                            data-offset-key="5aejo-0-0"
-                          >
-                            <span
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <span
-                                data-text="true"
-                              >
-                                link
-                              </span>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+              Category Description
+            </label>
+            <div
+              class="RichTextEditor-editor-id RichTextEditor-root-id"
+            />
+            <p
+              class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+            />
           </div>
         </div>
       </div>
@@ -41492,195 +35853,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
+          class="MuiCardContent-root-id"
         >
-          <div
-            class="Metadata-togglable-id"
+          <span
+            class="Skeleton-skeleton-id"
           >
-            <div
-              class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
-            >
-              1 Field
-            </div>
-            <button
-              class="MuiButtonBase-root-id MuiIconButton-root-id"
-              data-test="expand"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiIconButton-label-id"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="MuiSvgIcon-root-id"
-                  focusable="false"
-                  role="presentation"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-        <table
-          class="MuiTable-root-id Metadata-table-id"
-        >
-          <thead
-            class="MuiTableHead-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id MuiTableRow-head-id"
-            >
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colNameHeader-id"
-                scope="col"
-              >
-                Field
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colValue-id"
-                scope="col"
-              >
-                Value
-              </th>
-              <th
-                class="MuiTableCell-root-id MuiTableCell-head-id Metadata-colActionHeader-id"
-                scope="col"
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="MuiTableBody-root-id"
-          >
-            <tr
-              class="MuiTableRow-root-id"
-              data-test="field"
-            >
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colName-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
-                  >
-                    <input
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id Metadata-nameInput-id"
-                      name="name:0"
-                      type="text"
-                      value="integration.id"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colValue-id"
-              >
-                <div
-                  class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                >
-                  <div
-                    class="MuiInputBase-root-id MuiOutlinedInput-root-id Metadata-input-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-multiline-id MuiOutlinedInput-multiline-id"
-                  >
-                    <textarea
-                      aria-invalid="false"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      name="value:0"
-                      rows="1"
-                    >
-                      100023123
-                    </textarea>
-                    <textarea
-                      aria-hidden="true"
-                      class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputMultiline-id MuiOutlinedInput-inputMultiline-id"
-                      readonly=""
-                      style="visibility:hidden;position:absolute;overflow:hidden;height:0;top:0;left:0;transform:translateZ(0)"
-                      tabindex="-1"
-                    />
-                    <fieldset
-                      aria-hidden="true"
-                      class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                      style="padding-left:8px"
-                    >
-                      <legend
-                        class="PrivateNotchedOutline-legend-id"
-                        style="width:0"
-                      >
-                        <span>
-                          ​
-                        </span>
-                      </legend>
-                    </fieldset>
-                  </div>
-                </div>
-              </td>
-              <td
-                class="MuiTableCell-root-id MuiTableCell-body-id Metadata-colAction-id"
-              >
-                <button
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiIconButton-colorPrimary-id"
-                  data-test="deleteField"
-                  data-test-id="0"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root-id"
-                      focusable="false"
-                      role="presentation"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -41711,40 +35890,13 @@ Ctrl + K"
           class="CardTitle-hr-id"
         />
         <div
-          class="MuiCardContent-root-id Metadata-content-id"
-        />
-        <div
-          class="Metadata-emptyContainer-id"
+          class="MuiCardContent-root-id"
         >
           <span
-            class="isvg pending Metadata-emptyImage-id"
-          />
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+            class="Skeleton-skeleton-id"
           >
-            There is no private metadata created for this element.
-          </div>
-          <div
-            class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-          >
-            Use the button below to add new metadata field
-          </div>
-        </div>
-        <div
-          class="MuiCardActions-root-id MuiCardActions-spacing-id"
-        >
-          <button
-            class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
-            data-test="addField"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-id"
-            >
-              Add Field
-            </span>
-          </button>
+            ‌
+          </span>
         </div>
       </div>
       <div
@@ -42855,520 +37007,22 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -44737,525 +38391,24 @@ exports[`Storyshots Views / Collections / Collection details form errors 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-error-id RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
                 <div
-                  class="MuiTypography-root-id RichTextEditor-error-id RichTextEditor-helperText-id MuiTypography-caption-id"
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootError-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
                 >
                   This field is required
-                </div>
+                </p>
               </div>
             </div>
           </div>
@@ -46631,316 +39784,22 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -47751,520 +40610,22 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -50706,316 +43067,22 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -51547,321 +43614,24 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-error-id RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
                 <div
-                  class="MuiTypography-root-id RichTextEditor-error-id RichTextEditor-helperText-id MuiTypography-caption-id"
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootError-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-error-id"
                 >
                   This field is required
-                </div>
+                </p>
               </div>
             </div>
           </div>
@@ -52395,316 +44165,22 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -112831,520 +104307,22 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="content"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Content
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Content
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -113938,520 +104916,22 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="content"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Content
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Content
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -115052,316 +105532,22 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="content"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Content
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Content
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -138025,316 +128211,22 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -139312,316 +129204,22 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -140588,316 +130186,22 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -146224,520 +135528,22 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -148747,520 +137553,22 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -150995,520 +139303,22 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -153470,520 +141280,22 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -155882,520 +143194,22 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -158491,520 +145305,22 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -161004,316 +147320,22 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="testKey-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="testKey-0-0"
-                              >
-                                <span
-                                  data-offset-key="testKey-0-0"
-                                >
-                                  <br
-                                    data-text="true"
-                                  />
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id RichTextEditor-rootDisabled-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-disabled-id"
+                />
               </div>
             </div>
           </div>
@@ -162422,520 +148444,22 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
@@ -164885,520 +150409,22 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                 class="FormSpacer-spacer-id"
               />
               <div
-                class="RichTextEditor-root-id RichTextEditor-scroll-id"
+                class="MuiFormControl-root-id MuiFormControl-fullWidth-id"
+                data-test="richTextEditor"
+                data-test-id="description"
               >
-                <div
-                  class="RichTextEditor-input-id"
+                <label
+                  class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-focused-id MuiInputLabel-focused-id"
+                  data-shrink="true"
                 >
-                  <div
-                    class="MuiTypography-root-id RichTextEditor-label-id MuiTypography-caption-id MuiTypography-colorPrimary-id"
-                  >
-                    Description
-                  </div>
-                  <div
-                    class="Draftail-Editor Draftail-Editor--hide-placeholder"
-                  >
-                    <div
-                      class="Draftail-Toolbar"
-                      role="toolbar"
-                    >
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Bold
-Ctrl + B"
-                          class="Draftail-ToolbarButton Draftail-ToolbarButton--active"
-                          data-draftail-balloon="true"
-                          name="BOLD"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M9.02336 6.79C10.0411 6.12 10.7546 5.02 10.7546 4C10.7546 1.74 8.91844 0 6.55768 0H0V14H7.38657C9.57945 14 11.2792 12.3 11.2792 10.21C11.2792 8.69 10.3769 7.39 9.02336 6.79V6.79ZM3.14768 2.5H6.29537C7.16623 2.5 7.86921 3.17 7.86921 4C7.86921 4.83 7.16623 5.5 6.29537 5.5H3.14768V2.5ZM6.81998 11.5H3.14768V8.5H6.81998C7.69084 8.5 8.39383 9.17 8.39383 10C8.39383 10.83 7.69084 11.5 6.81998 11.5Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Italic
-Ctrl + I"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ITALIC"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-smallIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M4.19691 0V3H6.51571L2.92735 11H0V14H8.39383V11H6.07503L9.66339 3H12.5907V0H4.19691Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Strikethrough
-Ctrl + ⇧ + X"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="STRIKETHROUGH"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M6.53333 14H10.2667V11.2H6.53333V14ZM1.86667 0V2.8H6.53333V5.6H10.2667V2.8H14.9333V0H1.86667ZM0 9.33333H16.8V7.46667H0V9.33333Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Heading 1
-#"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-one"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 14H3.10341V8.2168H8.4V14H11.4962V0H8.4V5.77637H3.10341V0H0V7V14Z"
-                            />
-                            <path
-                              d="M19.5997 0H16.611C16.5751 0.854492 15.3137 2.31055 13.4287 2.31055V4.66211C15.0485 4.66211 16.1021 4.08789 16.4175 3.62305H16.5536V14H19.5997V0Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 2
-##"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-two"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M11.2857 14H8.42857V8.0813H2.85714V14H0V0.189702H2.85714V5.78591H8.42857V0.189702H11.2857V14Z"
-                            />
-                            <path
-                              d="M23 14H13.4952V12.122L17.981 7.36043C18.5968 6.69015 19.0508 6.10524 19.3429 5.60569C19.6413 5.10614 19.7905 4.63189 19.7905 4.18293C19.7905 3.56956 19.6349 3.08898 19.3238 2.74119C19.0127 2.38708 18.5683 2.21003 17.9905 2.21003C17.3683 2.21003 16.8762 2.42502 16.5143 2.85501C16.1587 3.27868 15.981 3.8383 15.981 4.53388H13.219C13.219 3.69286 13.419 2.92457 13.819 2.229C14.2254 1.53342 14.7968 0.989612 15.5333 0.597561C16.2698 0.199187 17.1048 0 18.0381 0C19.4667 0 20.5746 0.341463 21.3619 1.02439C22.1556 1.70732 22.5524 2.67164 22.5524 3.91734C22.5524 4.60027 22.3746 5.29584 22.019 6.00407C21.6635 6.71229 21.054 7.53749 20.1905 8.47967L17.0381 11.79H23V14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Heading 3
-###"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="header-three"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M10.8943 13.8128H8.13623V7.97326H2.75804V13.8128H0V0.187166H2.75804V5.70856H8.13623V0.187166H10.8943V13.8128Z"
-                            />
-                            <path
-                              d="M15.73 5.80214H17.1458C17.82 5.80214 18.3195 5.63057 18.6444 5.28743C18.9692 4.9443 19.1316 4.48886 19.1316 3.92112C19.1316 3.3721 18.9692 2.94474 18.6444 2.63904C18.3257 2.33333 17.8844 2.18048 17.3205 2.18048C16.8118 2.18048 16.3858 2.32398 16.0426 2.61096C15.6994 2.89171 15.5278 3.2598 15.5278 3.71524H12.8709C12.8709 3.00401 13.0578 2.36765 13.4317 1.80615C13.8117 1.23841 14.3388 0.795455 15.013 0.477273C15.6933 0.159091 16.441 0 17.2562 0C18.672 0 19.7813 0.346257 20.5842 1.03877C21.3871 1.72504 21.7885 2.67335 21.7885 3.88369C21.7885 4.50758 21.6016 5.08155 21.2277 5.60562C20.8539 6.12968 20.3636 6.53209 19.7568 6.81283C20.5107 7.08734 21.0715 7.49911 21.4392 8.04813C21.8131 8.59715 22 9.24599 22 9.99465C22 11.205 21.5648 12.1751 20.6945 12.9051C19.8303 13.635 18.6842 14 17.2562 14C15.92 14 14.826 13.6413 13.9741 12.9238C13.1283 12.2063 12.7054 11.258 12.7054 10.0789H15.3623C15.3623 10.5905 15.5492 11.0085 15.9231 11.3329C16.3031 11.6573 16.7689 11.8195 17.3205 11.8195C17.9518 11.8195 18.4452 11.6511 18.8007 11.3142C19.1623 10.971 19.3431 10.5187 19.3431 9.95722C19.3431 8.59715 18.6076 7.91711 17.1366 7.91711H15.73V5.80214Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Blockquote
->"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="blockquote"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46891 14H5.87564L8.81345 8.4V0H0V8.4H4.40673L1.46891 14ZM13.2202 14H17.6269L20.5647 8.4V0H11.7513V8.4H16.158L13.2202 14Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Bulleted list
--"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="unordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.46892 5.6C0.656117 5.6 0 6.22533 0 7C0 7.77467 0.656117 8.4 1.46892 8.4C2.28172 8.4 2.93784 7.77467 2.93784 7C2.93784 6.22533 2.28172 5.6 1.46892 5.6ZM1.46892 0C0.656117 0 0 0.625333 0 1.4C0 2.17467 0.656117 2.8 1.46892 2.8C2.28172 2.8 2.93784 2.17467 2.93784 1.4C2.93784 0.625333 2.28172 0 1.46892 0ZM1.46892 11.2C0.656117 11.2 0 11.8347 0 12.6C0 13.3653 0.66591 14 1.46892 14C2.27193 14 2.93784 13.3653 2.93784 12.6C2.93784 11.8347 2.28172 11.2 1.46892 11.2ZM4.40676 13.5333H18.1167V11.6667H4.40676V13.5333ZM4.40676 7.93333H18.1167V6.06667H4.40676V7.93333ZM4.40676 0.466667V2.33333H18.1167V0.466667H4.40676Z"
-                            />
-                          </svg>
-                        </button>
-                        <button
-                          aria-label="Numbered list
-1."
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="ordered-list-item"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M0 12.9214H2V13.3979H1V14.351H2V14.8275H0V15.7806H3V11.9683H0V12.9214ZM1 4.34359H2V0.53125H0V1.48433H1V4.34359ZM0 7.20284H1.8L0 9.20432V10.0621H3V9.10901H1.2L3 7.10754V6.24976H0V7.20284ZM5 1.48433V3.3905H19V1.48433H5ZM5 14.8275H19V12.9214H5V14.8275ZM5 9.10901H19V7.20284H5V9.10901Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Line break
-⇧ + ↵"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="BR"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <span
-                            class="Draftail-ToolbarButton__label"
-                          >
-                            ↵
-                          </span>
-                        </button>
-                      </div>
-                      <div
-                        class="Draftail-ToolbarGroup"
-                      >
-                        <button
-                          aria-label="Link
-Ctrl + K"
-                          class="Draftail-ToolbarButton"
-                          data-draftail-balloon="true"
-                          name="LINK"
-                          tabindex="-1"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root-id RichTextEditor-linkIcon-id"
-                            focusable="false"
-                            role="presentation"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M1.99352 5C1.99352 3.29 3.45194 1.9 5.2461 1.9H9.44299V0H5.2461C2.35025 0 0 2.24 0 5C0 7.76 2.35025 10 5.2461 10H9.44299V8.1H5.2461C3.45194 8.1 1.99352 6.71 1.99352 5ZM6.29532 6H14.6891V4H6.29532V6ZM15.7383 0H11.5414V1.9H15.7383C17.5325 1.9 18.9909 3.29 18.9909 5C18.9909 6.71 17.5325 8.1 15.7383 8.1H11.5414V10H15.7383C18.6342 10 20.9844 7.76 20.9844 5C20.9844 2.24 18.6342 0 15.7383 0Z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="DraftEditor-root"
-                    >
-                      <div
-                        class="DraftEditor-editorContainer"
-                      >
-                        <div
-                          aria-describedby="placeholder-testKey"
-                          class="notranslate public-DraftEditor-content"
-                          contenteditable="true"
-                          role="textbox"
-                          spellcheck="false"
-                          style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
-                        >
-                          <div
-                            data-contents="true"
-                          >
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="rosn-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="rosn-0-0"
-                              >
-                                <span
-                                  data-offset-key="rosn-0-0"
-                                  style="font-weight:bold"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    bold
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="6tbch-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="6tbch-0-0"
-                              >
-                                <span
-                                  data-offset-key="6tbch-0-0"
-                                  style="font-style:italic"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    italic
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="1p044-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="1p044-0-0"
-                              >
-                                <span
-                                  data-offset-key="1p044-0-0"
-                                  style="text-decoration:line-through"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    strikethrough
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                            <h1
-                              class="Draftail-block--header-one "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="aven6-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="aven6-0-0"
-                              >
-                                <span
-                                  data-offset-key="aven6-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h1
-                                  </span>
-                                </span>
-                              </div>
-                            </h1>
-                            <h2
-                              class="Draftail-block--header-two "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="9rabl-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="9rabl-0-0"
-                              >
-                                <span
-                                  data-offset-key="9rabl-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h2
-                                  </span>
-                                </span>
-                              </div>
-                            </h2>
-                            <h3
-                              class="Draftail-block--header-three "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="bv0ac-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="bv0ac-0-0"
-                              >
-                                <span
-                                  data-offset-key="bv0ac-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    h3
-                                  </span>
-                                </span>
-                              </div>
-                            </h3>
-                            <blockquote
-                              class="Draftail-block--blockquote "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="2ip7q-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="2ip7q-0-0"
-                              >
-                                <span
-                                  data-offset-key="2ip7q-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    blockquote
-                                  </span>
-                                </span>
-                              </div>
-                            </blockquote>
-                            <ul
-                              class="public-DraftStyleDefault-ul"
-                              data-offset-key="8r8ss-0-0"
-                            >
-                              <li
-                                class="Draftail-block--unordered-list-item  public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="8r8ss-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="8r8ss-0-0"
-                                >
-                                  <span
-                                    data-offset-key="8r8ss-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ul
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ul>
-                            <ol
-                              class="public-DraftStyleDefault-ol"
-                              data-offset-key="911hc-0-0"
-                            >
-                              <li
-                                class="Draftail-block--ordered-list-item  public-DraftStyleDefault-orderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR"
-                                data-block="true"
-                                data-editor="testKey"
-                                data-offset-key="911hc-0-0"
-                              >
-                                <div
-                                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                  data-offset-key="911hc-0-0"
-                                >
-                                  <span
-                                    data-offset-key="911hc-0-0"
-                                  >
-                                    <span
-                                      data-text="true"
-                                    >
-                                      ol
-                                    </span>
-                                  </span>
-                                </div>
-                              </li>
-                            </ol>
-                            <div
-                              class="Draftail-block--unstyled "
-                              data-block="true"
-                              data-editor="testKey"
-                              data-offset-key="5aejo-0-0"
-                            >
-                              <div
-                                class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
-                                data-offset-key="5aejo-0-0"
-                              >
-                                <span
-                                  data-offset-key="5aejo-0-0"
-                                >
-                                  <span
-                                    data-text="true"
-                                  >
-                                    link
-                                  </span>
-                                </span>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  Description
+                </label>
+                <div
+                  class="RichTextEditor-editor-id RichTextEditor-root-id"
+                />
+                <p
+                  class="MuiFormHelperText-root-id MuiFormHelperText-contained-id"
+                />
               </div>
             </div>
           </div>
diff --git a/src/utils/richText/useRichText.test.ts b/src/utils/richText/useRichText.test.ts
index bedf3d42f..7ae0ce4ce 100644
--- a/src/utils/richText/useRichText.test.ts
+++ b/src/utils/richText/useRichText.test.ts
@@ -45,7 +45,7 @@ describe("useRichText", () => {
     );
 
     const [data, change] = hook.result.current;
-    expect(data.current).toBe(undefined);
+    expect(data.current).toMatchObject({ blocks: [] });
 
     change(fixtures.short);