Issue #3180281 by komalk, kostyashupenko, anmolgoyal74, Pooja Ganjage,...

Issue #3180281 by komalk, kostyashupenko, anmolgoyal74, Pooja Ganjage, djsagar, proeung, Abhijith S, paulocs, mherchel: [Olivero Theme] [Design QA]: Adjust the column count of the form helper text container

core/.stylelintrc.json

@@ -460,7 +460,7 @@
     "selector-pseudo-element-colon-notation": null,
     "shorthand-property-no-redundant-values": null,
     "string-quotes": "double",
-    "unit-allowed-list": ["deg", "em", "ex", "fr", "ms", "rem", "%", "s", "px", "vw", "vh"],
+    "unit-allowed-list": ["ch", "deg", "em", "ex", "fr", "ms", "rem", "%", "s", "px", "vw", "vh"],
     "value-keyword-case": ["lower", {
       "ignoreProperties": [
         "--font-family",

core/themes/olivero/css/components/form.css

@@ -131,6 +131,7 @@ tr .form-item,
 .form-item__description {
   margin-top: 0.5625rem;
   margin-bottom: 0.5625rem;
+  max-width: 60ch;
   font-size: 0.875rem;
   line-height: 1.125rem;
 }

core/themes/olivero/css/components/form.pcss.css

@@ -99,6 +99,7 @@ tr .form-item,
  */
 .form-item__description {
   margin-block: var(--sp0-5);
+  max-width: 60ch;
   font-size: var(--font-size-s);
   line-height: var(--line-height-s);
 }