fix(textbox): change fieldHelp sizing to match input width

Fixes #4543
Sage · Nov 19, 2021 · 6c517c9 · 6c517c9
1 parent fa59add
commit 6c517c9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/__internal__/field-help/field-help.spec.js b/src/__internal__/field-help/field-help.spec.js
@@ -14,9 +14,9 @@ describe("FieldHelp", () => {
     assertStyleMatch(
       {
         display: "block",
+        flex: "1",
         marginTop: "8px",
         whiteSpace: "pre-wrap",
-        width: "100%",
       },
       wrapper
     );

diff --git a/src/__internal__/field-help/field-help.style.js b/src/__internal__/field-help/field-help.style.js
@@ -4,9 +4,9 @@ import BaseTheme from "../../style/themes/base";
 
 const FieldHelpStyle = styled.span`
   display: block;
+  flex: 1;
   margin-top: 8px;
   white-space: pre-wrap;
-  width: 100%;
 
   ${({ labelInline, labelWidth }) =>
     labelInline &&