Revert #5305

As it doesn't fix the issue in all cases.

packages/mermaid/src/diagrams/requirement/requirementRenderer.js

@@ -1,11 +1,11 @@
 import { line, select } from 'd3';
 import { layout as dagreLayout } from 'dagre-d3-es/src/dagre/index.js';
 import * as graphlib from 'dagre-d3-es/src/graphlib/index.js';
+import { getConfig } from '../../diagram-api/diagramAPI.js';
 import { log } from '../../logger.js';
 import { configureSvgSize } from '../../setupGraphViewbox.js';
 import common from '../common/common.js';
 import markers from './requirementMarkers.js';
-import { getConfig } from '../../diagram-api/diagramAPI.js';
 
 let conf = {};
 let relCnt = 0;
@@ -86,7 +86,7 @@ const newBodyNode = (parentNode, id, txts, yStart) => {
   // );
 
   let currentRow = 0;
-  const charLimit = 24;
+  const charLimit = 30;
   let wrappedTxts = [];
   txts.forEach((textStr) => {
     let currentTextLen = textStr.length;