diff --git a/package.json b/package.json
index 3ea1e41e8..806ff7189 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,6 @@
     "prop-types": "15.7.2",
     "raf": "3.4.1",
     "react": "16.13.0",
-    "react-children-utilities": "2.0.12",
     "react-dates": "21.8.0",
     "react-dom": "16.13.0",
     "react-error-boundary": "1.2.5",
diff --git a/src/components/Form/FormDatePicker.tsx b/src/components/Form/FormDatePicker.tsx
index 012c94098..9257431ba 100644
--- a/src/components/Form/FormDatePicker.tsx
+++ b/src/components/Form/FormDatePicker.tsx
@@ -7,6 +7,7 @@ import Media from 'react-media'
 import { Col, FormGroup, Row } from 'reactstrap'
 
 import FormLabel from './FormLabel'
+import { HelpProps } from './FormHelpButton'
 
 import { DateRange } from '../../algorithms/types/Param.types'
 
@@ -21,7 +22,7 @@ function getNumberOfMonthsCount(media: { tiny: boolean; small: boolean; medium:
 export interface FormDatePickerProps {
   identifier: string
   label: string
-  help?: string | React.ReactNode
+  help?: HelpProps
   allowPast?: boolean
 }
 
diff --git a/src/components/Form/FormDropdown.tsx b/src/components/Form/FormDropdown.tsx
index a6fdf5f54..78a6e383c 100644
--- a/src/components/Form/FormDropdown.tsx
+++ b/src/components/Form/FormDropdown.tsx
@@ -3,6 +3,8 @@ import React from 'react'
 import { Field, FieldProps, FormikErrors, FormikTouched, FormikValues } from 'formik'
 import FormDropdownStateless from './FormDropdownStateless'
 
+import { HelpProps } from './FormHelpButton'
+
 export interface FormDropdownOption<ValueType extends string | number> {
   value: ValueType
   label: string
@@ -11,7 +13,7 @@ export interface FormDropdownOption<ValueType extends string | number> {
 export interface FormDropdownProps<ValueType extends string | number> {
   identifier: string
   label: string
-  help?: string | React.ReactNode
+  help?: HelpProps
   options: FormDropdownOption<ValueType>[]
   errors?: FormikErrors<FormikValues>
   touched?: FormikTouched<FormikValues>
diff --git a/src/components/Form/FormDropdownStateless.tsx b/src/components/Form/FormDropdownStateless.tsx
index 93f5ff60e..630f2a75f 100644
--- a/src/components/Form/FormDropdownStateless.tsx
+++ b/src/components/Form/FormDropdownStateless.tsx
@@ -5,11 +5,12 @@ import { Col, FormGroup, Row } from 'reactstrap'
 
 import { FormDropdownOption } from './FormDropdownOption'
 import FormLabel from './FormLabel'
+import { HelpProps } from './FormHelpButton'
 
 export interface FormDropdownProps<ValueType extends string | number> {
   identifier: string
   label: string | React.ReactNode
-  help?: string | React.ReactNode
+  help?: HelpProps
   options: FormDropdownOption<ValueType>[]
   defaultOption?: FormDropdownOption<ValueType>
   value?: FormDropdownOption<ValueType>
diff --git a/src/components/Form/FormHelpButton.test.tsx b/src/components/Form/FormHelpButton.test.tsx
index be79d4714..c1fba65e2 100644
--- a/src/components/Form/FormHelpButton.test.tsx
+++ b/src/components/Form/FormHelpButton.test.tsx
@@ -1,22 +1,24 @@
 import React from 'react'
 import { render, fireEvent, waitForElementToBeRemoved } from '@testing-library/react'
-import FormHelpButton from './FormHelpButton'
+import FormHelpButton, { help } from './FormHelpButton'
 
 describe('FormHelpButton', () => {
   it('renders', () => {
-    const { getByLabelText } = render(<FormHelpButton identifier="abc" label="def" />)
+    const { getByLabelText } = render(<FormHelpButton identifier="abc" help={help('def', 'hij')} />)
 
     expect(getByLabelText('help')).not.toBeNull()
   })
 
   it('initially hides help', () => {
-    const { queryByText } = render(<FormHelpButton identifier="abc" label="def" />)
+    const { queryByText } = render(<FormHelpButton identifier="abc" help={help('def', 'hij')} />)
 
     expect(queryByText('def')).toBeNull()
   })
 
   it('opens', async () => {
-    const { getByLabelText, findByText, queryByText } = render(<FormHelpButton identifier="abc" label="def" />)
+    const { getByLabelText, findByText, queryByText } = render(
+      <FormHelpButton identifier="abc" help={help('def', 'hij')} />,
+    )
 
     fireEvent.click(getByLabelText('help'))
 
@@ -26,7 +28,7 @@ describe('FormHelpButton', () => {
 
   it('displays help', async () => {
     const { getByLabelText, findByText, queryByText } = render(
-      <FormHelpButton identifier="abc" label="def" help="some help" />,
+      <FormHelpButton identifier="abc" help={help('def', 'some help')} />,
     )
 
     fireEvent.click(getByLabelText('help'))
@@ -35,8 +37,21 @@ describe('FormHelpButton', () => {
     expect(queryByText('some help')).toBeTruthy()
   })
 
+  it('it displays a ReactNode', async () => {
+    const { getByLabelText, findByText, queryByText } = render(
+      <FormHelpButton identifier="abc" help={help('def', <span>Hello, ReactNode</span>)} />,
+    )
+
+    fireEvent.click(getByLabelText('help'))
+
+    await findByText('Hello, ReactNode')
+    expect(queryByText('Hello, ReactNode')).toBeTruthy()
+  })
+
   it('closes inside', async () => {
-    const { getByLabelText, findByText, queryByText } = render(<FormHelpButton identifier="abc" label="def" />)
+    const { getByLabelText, findByText, queryByText } = render(
+      <FormHelpButton identifier="abc" help={help('def', 'hij')} />,
+    )
     fireEvent.click(getByLabelText('help'))
     await findByText('def')
     expect(queryByText('def')).not.toBeNull()
@@ -50,7 +65,7 @@ describe('FormHelpButton', () => {
   it('closes outside', async () => {
     const { getByLabelText, findByText, getByText, queryByText } = render(
       <div>
-        <FormHelpButton identifier="abc" label="def" />
+        <FormHelpButton identifier="abc" help={help('def', 'hij')} />
         <span>click outside</span>
       </div>,
     )
diff --git a/src/components/Form/FormHelpButton.tsx b/src/components/Form/FormHelpButton.tsx
index 9edacb4a7..e80c6aa06 100644
--- a/src/components/Form/FormHelpButton.tsx
+++ b/src/components/Form/FormHelpButton.tsx
@@ -2,8 +2,6 @@ import React from 'react'
 
 import { Button, Card, CardBody, UncontrolledPopover } from 'reactstrap'
 
-import { onlyText } from 'react-children-utilities'
-
 import { FaQuestion } from 'react-icons/fa'
 
 import './FormHelpButton.scss'
@@ -12,13 +10,21 @@ function safeId(id: string) {
   return id.replace('.', '-')
 }
 
+export interface HelpProps {
+  label: string
+  content: string | React.ReactNode
+}
+
+export function help(label: string, content: string | React.ReactNode): HelpProps {
+  return { label, content }
+}
+
 export interface FormHelpButtonProps {
   identifier: string
-  label: string | React.ReactNode
-  help?: string | React.ReactNode
+  help?: HelpProps
 }
 
-export default function FormHelpButton({ identifier, label, help }: FormHelpButtonProps) {
+export default function FormHelpButton({ identifier, help }: FormHelpButtonProps) {
   return (
     <>
       <Button
@@ -36,8 +42,9 @@ export default function FormHelpButton({ identifier, label, help }: FormHelpButt
       <UncontrolledPopover placement="right" target={safeId(identifier)} trigger="legacy" hideArrow>
         <Card className="card--help">
           <CardBody>
-            {label && <h4>{onlyText(label)}</h4>}
-            <p>{help}</p>
+            {help && <h4>{help.label}</h4>}
+            {help && <p>{help.content}</p>}
+            {!help && <p>No help attribute assigned.</p>}
           </CardBody>
         </Card>
       </UncontrolledPopover>
diff --git a/src/components/Form/FormLabel.test.tsx b/src/components/Form/FormLabel.test.tsx
index 1c4e63c82..1ec18b1da 100644
--- a/src/components/Form/FormLabel.test.tsx
+++ b/src/components/Form/FormLabel.test.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import FormLabel from './FormLabel'
+import { help } from './FormHelpButton'
 
 const findLabelInTree = (el: HTMLElement | null): HTMLElement | null => {
   if (!el) {
@@ -18,7 +19,7 @@ describe('FormLabel', () => {
     // element tree that shows the label text. And that <label> should be for
     // the identifier.
 
-    const { getByText } = render(<FormLabel identifier="abc" label="def" />)
+    const { getByText } = render(<FormLabel identifier="abc" label="def" help={help('hij', 'klm')} />)
 
     const labelElement = findLabelInTree(getByText('def')) as HTMLLabelElement
 
diff --git a/src/components/Form/FormLabel.tsx b/src/components/Form/FormLabel.tsx
index 0ebdc2c56..5e0646dec 100644
--- a/src/components/Form/FormLabel.tsx
+++ b/src/components/Form/FormLabel.tsx
@@ -1,11 +1,12 @@
 import React from 'react'
 
 import HelpLabel from './HelpLabel'
+import { HelpProps } from './FormHelpButton'
 
 export interface LabelWithHelpButtonProps {
   identifier: string
   label: string | React.ReactNode
-  help?: string | React.ReactNode
+  help?: HelpProps
 }
 
 export default function FormLabel({ identifier, label, help }: LabelWithHelpButtonProps) {
diff --git a/src/components/Form/FormSpinBox.tsx b/src/components/Form/FormSpinBox.tsx
index ec6ced5e9..093686b70 100644
--- a/src/components/Form/FormSpinBox.tsx
+++ b/src/components/Form/FormSpinBox.tsx
@@ -6,11 +6,12 @@ import { Field, FormikErrors, FormikTouched } from 'formik'
 import { Col, FormGroup, Row } from 'reactstrap'
 
 import FormLabel from './FormLabel'
+import { HelpProps } from './FormHelpButton'
 
 export interface FormSpinBoxProps<T> {
   identifier: string
   label: string
-  help?: string | React.ReactNode
+  help?: HelpProps
   step?: number | string
   min?: number
   max?: number
diff --git a/src/components/Form/FormSwitch.tsx b/src/components/Form/FormSwitch.tsx
index 8f48d674a..79028f0f0 100644
--- a/src/components/Form/FormSwitch.tsx
+++ b/src/components/Form/FormSwitch.tsx
@@ -3,11 +3,12 @@ import React from 'react'
 import { CustomInput } from 'reactstrap'
 
 import FormLabel from './FormLabel'
+import { HelpProps } from './FormHelpButton'
 
 export interface FormSwitchProps {
   identifier: string
   label: string
-  help?: string
+  help?: HelpProps
   checked: boolean
   hidden?: boolean
   onValueChanged(checked: boolean): void
diff --git a/src/components/Form/HelpLabel.test.tsx b/src/components/Form/HelpLabel.test.tsx
index a567e2727..5752f3c5a 100644
--- a/src/components/Form/HelpLabel.test.tsx
+++ b/src/components/Form/HelpLabel.test.tsx
@@ -1,16 +1,17 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import HelpLabel from './HelpLabel'
+import { help } from './FormHelpButton'
 
 describe('HelpLabel', () => {
   it('displays the label', () => {
-    const { getByText } = render(<HelpLabel identifier="abc" label="def" />)
+    const { getByText } = render(<HelpLabel identifier="abc" label="def" help={help('hij', 'klm')} />)
 
     expect(getByText('def')).not.toBeNull()
   })
 
   it('displays a help button', () => {
-    const { getByLabelText } = render(<HelpLabel identifier="abc" label="def" />)
+    const { getByLabelText } = render(<HelpLabel identifier="abc" label="def" help={help('hij', 'klm')} />)
 
     expect(getByLabelText('help')).not.toBeNull()
   })
diff --git a/src/components/Form/HelpLabel.tsx b/src/components/Form/HelpLabel.tsx
index a5dea2c9e..ae197f06e 100644
--- a/src/components/Form/HelpLabel.tsx
+++ b/src/components/Form/HelpLabel.tsx
@@ -1,18 +1,18 @@
 import React from 'react'
 
-import FormHelpButton from './FormHelpButton'
+import FormHelpButton, { HelpProps } from './FormHelpButton'
 
 export interface HelpLabelProps {
   identifier: string
   label: string | React.ReactNode
-  help?: string | React.ReactNode
+  help?: HelpProps
 }
 
 export default function HelpLabel({ identifier, label, help }: HelpLabelProps) {
   return (
     <div className="d-flex align-items-center">
       <span className="my-auto text-truncate">{label}</span>
-      <FormHelpButton identifier={`${identifier}_help`} label={label} help={help} />
+      <FormHelpButton identifier={`${identifier}_help`} help={help} />
     </div>
   )
 }
diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
index 15ab45811..a608f4d05 100644
--- a/src/components/Main/Main.tsx
+++ b/src/components/Main/Main.tsx
@@ -60,7 +60,7 @@ async function runSimulation(
     return
   }
 
-  if (params.population.cases !== "none" && !isRegion(params.population.cases)) {
+  if (params.population.cases !== 'none' && !isRegion(params.population.cases)) {
     console.error(`The given confirmed cases region is invalid: ${params.population.cases}`)
     return
   }
diff --git a/src/components/Main/Results/ResultsCard.tsx b/src/components/Main/Results/ResultsCard.tsx
index c8ff670ba..8eb29adea 100644
--- a/src/components/Main/Results/ResultsCard.tsx
+++ b/src/components/Main/Results/ResultsCard.tsx
@@ -4,6 +4,7 @@ import { Button, Col, Row } from 'reactstrap'
 import { useTranslation } from 'react-i18next'
 import ExportSimulationDialog from './ExportSimulationDialog'
 import FormSwitch from '../../Form/FormSwitch'
+import { help } from '../../Form/FormHelpButton'
 import LocalStorage, { LOCAL_STORAGE_KEYS } from '../../../helpers/localStorage'
 import processUserResult from '../../../algorithms/utils/userResult'
 import { AgeBarChart } from './AgeBarChart'
@@ -106,7 +107,7 @@ function ResultsCardFunction({
             {t('Results')}
           </h2>
         }
-        help={t('This section contains simulation results')}
+        help={help(t('Results'), t('This section contains simulation results'))}
         defaultCollapsed={false}
       >
         <Row className="mb-4">
@@ -159,7 +160,7 @@ function ResultsCardFunction({
             <FormSwitch
               identifier="logScale"
               label={t('Log scale')}
-              help={t('Toggle between logarithmic and linear scale on vertical axis of the plot')}
+              help={help(t('Log scale'), t('Toggle between logarithmic and linear scale on vertical axis of the plot'))}
               checked={logScale}
               onValueChanged={setPersistLogScale}
             />
@@ -168,7 +169,7 @@ function ResultsCardFunction({
             <FormSwitch
               identifier="showHumanized"
               label={t('Show humanized results')}
-              help={t('Show numerical results in a human friendly format')}
+              help={help(t('Show humanized results'), t('Show numerical results in a human friendly format'))}
               checked={showHumanized}
               onValueChanged={setPersistShowHumanized}
             />
diff --git a/src/components/Main/Scenario/ScenarioCard.tsx b/src/components/Main/Scenario/ScenarioCard.tsx
index f0a779870..f7df3b2e3 100644
--- a/src/components/Main/Scenario/ScenarioCard.tsx
+++ b/src/components/Main/Scenario/ScenarioCard.tsx
@@ -9,6 +9,7 @@ import { useTranslation } from 'react-i18next'
 
 import { CardWithDropdown } from '../../Form/CardWithDropdown'
 import { stringsToOptions } from '../../Form/FormDropdownOption'
+import { help } from '../../Form/FormHelpButton'
 
 import { setScenario } from '../state/actions'
 import { State } from '../state/state'
@@ -40,7 +41,7 @@ function ScenarioCard({ severity, scenarioState, errors, touched, setSeverity, s
     <CardWithDropdown
       identifier="scenarioName"
       label={<h2 className="p-0 m-0 d-inline text-truncate">{t('Scenario')}</h2>}
-      help={t('Combination of population, epidemiology, and mitigation scenarios')}
+      help={help(t('Scenario'), t('Combination of population, epidemiology, and mitigation scenarios'))}
       options={scenarioOptions}
       value={scenarioOptions.find((s) => s.label === scenarioState.current)}
       onValueChange={handleChangeScenario}
diff --git a/src/components/Main/Scenario/ScenarioCardContainment.tsx b/src/components/Main/Scenario/ScenarioCardContainment.tsx
index a8a24bd23..04e047053 100644
--- a/src/components/Main/Scenario/ScenarioCardContainment.tsx
+++ b/src/components/Main/Scenario/ScenarioCardContainment.tsx
@@ -7,6 +7,8 @@ import { useTranslation } from 'react-i18next'
 
 import { CardWithoutDropdown } from '../../Form/CardWithoutDropdown'
 import { FormSpinBox } from '../../Form/FormSpinBox'
+import { help } from '../../Form/FormHelpButton'
+
 import { ContainmentGraph } from '../Containment/ContainmentGraph'
 
 import { setContainmentData } from '../state/actions'
@@ -33,14 +35,17 @@ function ScenarioCardContainment({ scenarioState, errors, touched, scenarioDispa
     <CardWithoutDropdown
       identifier="containmentScenario"
       label={<h3 className="p-0 d-inline text-truncate">{t('Mitigation')}</h3>}
-      help={t(
-        'Reduction of transmission through mitigation measures over time. Different presets with variable degree of reduction can be selected from the dropdown.',
+      help={help(
+        t('Mitigation'),
+        t(
+          'Reduction of transmission through mitigation measures over time. Different presets with variable degree of reduction can be selected from the dropdown.',
+        ),
       )}
     >
       <FormSpinBox
         identifier="containment.numberPoints"
         label={t('Number of points')}
-        help={t('Number of controllable points on the mitigation curve')}
+        help={help(t('Number of points'), t('Number of controllable points on the mitigation curve'))}
         step={1}
         min={5}
         max={100}
diff --git a/src/components/Main/Scenario/ScenarioCardEpidemiological.tsx b/src/components/Main/Scenario/ScenarioCardEpidemiological.tsx
index f6d6184ee..ba20b96eb 100644
--- a/src/components/Main/Scenario/ScenarioCardEpidemiological.tsx
+++ b/src/components/Main/Scenario/ScenarioCardEpidemiological.tsx
@@ -8,6 +8,7 @@ import { AnyAction } from 'typescript-fsa'
 import { CardWithoutDropdown } from '../../Form/CardWithoutDropdown'
 import { FormDropdown } from '../../Form/FormDropdown'
 import { FormSpinBox } from '../../Form/FormSpinBox'
+import { help } from '../../Form/FormHelpButton'
 
 import { State } from '../state/state'
 
@@ -37,15 +38,21 @@ function ScenarioCardEpidemiological({
       className="card--epidemiology"
       identifier="epidemiologicalScenario"
       label={<h3 className="p-0 d-inline text-truncate">{t('Epidemiology')}</h3>}
-      help={t(
-        'Epidemiological parameters specifing growth rate, seasonal variation, and duration of hospital stay. The presets are combinations of speed and geography (speed/region).',
+      help={help(
+        t('Epidemiology'),
+        t(
+          'Epidemiological parameters specifing growth rate, seasonal variation, and duration of hospital stay. The presets are combinations of speed and geography (speed/region).',
+        ),
       )}
     >
       <FormSpinBox
         identifier="epidemiological.r0"
         label={`${t('Annual average')} R\u2080`}
-        help={t(
-          'Average number of secondary infections per case. When R0 varies throughout the year (seasonal forcing), this value is the mean R0.',
+        help={help(
+          t('Annual average'),
+          t(
+            'Average number of secondary infections per case. When R0 varies throughout the year (seasonal forcing), this value is the mean R0.',
+          ),
         )}
         step={0.1}
         errors={errors}
@@ -54,7 +61,10 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.latencyTime"
         label={`${t('Latency')} [${t('days')}]`}
-        help={t('Time from infection to onset of symptoms (here onset of infectiousness)')}
+        help={help(
+          t(`${t('Latency')} [${t('days')}]`),
+          t('Time from infection to onset of symptoms (here onset of infectiousness)'),
+        )}
         step={1}
         min={0}
         errors={errors}
@@ -63,8 +73,11 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.infectiousPeriod"
         label={`${t('Infectious period')} [${t('days')}]`}
-        help={t(
-          'Average number of days a person is infectious. Over this time, R0 infections happen on average. Together with the latency time, this defines the serial interval. The longer the serial interval, the slower the outbreak.',
+        help={help(
+          t(`${t('Infectious period')} [${t('days')}]`),
+          t(
+            'Average number of days a person is infectious. Over this time, R0 infections happen on average. Together with the latency time, this defines the serial interval. The longer the serial interval, the slower the outbreak.',
+          ),
         )}
         step={1}
         min={0}
@@ -74,7 +87,7 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.seasonalForcing"
         label={t('Seasonal forcing')}
-        help={t('Amplitude of seasonal variation in transmission')}
+        help={help(t('Seasonal forcing'), t('Amplitude of seasonal variation in transmission'))}
         step={0.1}
         min={0}
         errors={errors}
@@ -83,7 +96,7 @@ function ScenarioCardEpidemiological({
       <FormDropdown<number>
         identifier="epidemiological.peakMonth"
         label={t('Seasonal peak')}
-        help={t('Time of the year with peak transmission')}
+        help={help(t('Seasonal peak'), t('Time of the year with peak transmission'))}
         options={monthOptions}
         errors={errors}
         touched={touched}
@@ -91,7 +104,10 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.lengthHospitalStay"
         label={`${t('Hospital stay')} [${t('days')}]`}
-        help={t('Average number of days a severe case stays in regular hospital beds')}
+        help={help(
+          t(`${t('Hospital stay')} [${t('days')}]`),
+          t('Average number of days a severe case stays in regular hospital beds'),
+        )}
         step={1}
         min={0}
         errors={errors}
@@ -100,7 +116,7 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.lengthICUStay"
         label={`${t('ICU stay')} [${t('days')}]`}
-        help={t('Average number of days a critical case stays in the ICU')}
+        help={help(t(`${t('ICU stay')} [${t('days')}]`), t('Average number of days a critical case stays in the ICU'))}
         step={1}
         min={0}
         errors={errors}
@@ -109,8 +125,11 @@ function ScenarioCardEpidemiological({
       <FormSpinBox
         identifier="epidemiological.overflowSeverity"
         label={t('Severity of ICU overflow')}
-        help={t(
-          'A multiplicative factor to death rate to patients that require but do not have access to an ICU bed relative to those who do.',
+        help={help(
+          t('Severity of ICU overflow'),
+          t(
+            'A multiplicative factor to death rate to patients that require but do not have access to an ICU bed relative to those who do.',
+          ),
         )}
         step={0.1}
         min={1}
diff --git a/src/components/Main/Scenario/ScenarioCardPopulation.tsx b/src/components/Main/Scenario/ScenarioCardPopulation.tsx
index 6eb971fef..bf9b2b178 100644
--- a/src/components/Main/Scenario/ScenarioCardPopulation.tsx
+++ b/src/components/Main/Scenario/ScenarioCardPopulation.tsx
@@ -12,6 +12,7 @@ import { CardWithoutDropdown } from '../../Form/CardWithoutDropdown'
 import { FormDatePicker } from '../../Form/FormDatePicker'
 import { FormDropdown } from '../../Form/FormDropdown'
 import { FormSpinBox } from '../../Form/FormSpinBox'
+import { help } from '../../Form/FormHelpButton'
 
 // import { setPopulationScenario } from '../state/actions'
 
@@ -41,12 +42,12 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       className="card--population"
       identifier="populationScenario"
       label={<h3 className="p-0 m-0 d-inline text-truncate">{t('Population')}</h3>}
-      help={t('Parameters of the population in the health care system.')}
+      help={help(t('Population'), 'Parameters of the population in the health care system.')}
     >
       <FormSpinBox
         identifier="population.populationServed"
         label={t('Population')}
-        help={t('Number of people served by health care system.')}
+        help={help(t('Population'), t('Number of people served by health care system.'))}
         step={1}
         errors={errors}
         touched={touched}
@@ -54,7 +55,7 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormDropdown<string>
         identifier="population.country"
         label={t('Age distribution')}
-        help={t('Country to determine the age distribution in the population')}
+        help={help(t('Age distribution'), t('Country to determine the age distribution in the population'))}
         options={countryOptions}
         errors={errors}
         touched={touched}
@@ -62,7 +63,7 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormSpinBox
         identifier="population.suspectedCasesToday"
         label={t('Initial suspected cases')}
-        help={t('Number of cases present at the start of simulation')}
+        help={help(t('Initial suspected cases'), t('Number of cases present at the start of simulation'))}
         step={1}
         errors={errors}
         touched={touched}
@@ -70,7 +71,7 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormSpinBox
         identifier="population.importsPerDay"
         label={t('Imports per day')}
-        help={t('Number of cases imported from the outside per day on average')}
+        help={help(t('Imports per day'), t('Number of cases imported from the outside per day on average'))}
         step={0.1}
         errors={errors}
         touched={touched}
@@ -78,7 +79,8 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormSpinBox
         identifier="population.hospitalBeds"
         label={`${t('Hospital Beds')} (${t('est.')})`}
-        help={t(
+        help={help(
+          t(`${t('Hospital Beds')} (${t('est.')})`),
           'Number of hospital beds available in health care system. Presets are rough estimates indicating total capacity. Number of beds available for COVID-19 treatment is likely much lower.',
         )}
         step={1}
@@ -88,8 +90,11 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormSpinBox
         identifier="population.ICUBeds"
         label={`${t('ICU/ICMU')} (${t('est.')})`}
-        help={t(
-          'Number of ICU/ICMUs available in health care system. Presets are rough estimates indicating total capacity. Number of ICU/ICMUs available for COVID-19 treatment is likely much lower.',
+        help={help(
+          `${t('ICU/ICMU')} (${t('est.')})`,
+          t(
+            'Number of ICU/ICMUs available in health care system. Presets are rough estimates indicating total capacity. Number of ICU/ICMUs available for COVID-19 treatment is likely much lower.',
+          ),
         )}
         step={1}
         errors={errors}
@@ -98,7 +103,7 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormDropdown<string>
         identifier="population.cases"
         label={t('Confirmed cases')}
-        help={t('Select region for which to plot confirmed case and death counts.')}
+        help={help(t('Confirmed cases'), t('Select region for which to plot confirmed case and death counts.'))}
         options={caseCountOptions}
         errors={errors}
         touched={touched}
@@ -106,8 +111,11 @@ function ScenarioCardPopulation({ scenarioState, errors, touched, scenarioDispat
       <FormDatePicker
         identifier="simulation.simulationTimeRange"
         label={t('Simulation time range')}
-        help={t(
-          'Start and end date of the simulation. Changing the time range might affect the result due to resampling of the mitigation curve.',
+        help={help(
+          t('Simulation time range'),
+          t(
+            'Start and end date of the simulation. Changing the time range might affect the result due to resampling of the mitigation curve.',
+          ),
         )}
       />
     </CardWithoutDropdown>
diff --git a/src/components/Main/Scenario/SeverityCard.tsx b/src/components/Main/Scenario/SeverityCard.tsx
index 2783fccdc..14f6bfadf 100644
--- a/src/components/Main/Scenario/SeverityCard.tsx
+++ b/src/components/Main/Scenario/SeverityCard.tsx
@@ -3,6 +3,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 import { CollapsibleCard } from '../../Form/CollapsibleCard'
+import { help } from '../../Form/FormHelpButton'
 
 import { SeverityTable, SeverityTableRow } from './SeverityTable'
 
@@ -24,7 +25,10 @@ function SeverityCard({ severity, setSeverity }: SeverityCardProps) {
           </p>
         </>
       }
-      help={t('Assumptions on severity which are informed by epidemiological and clinical observations in China')}
+      help={help(
+        `${t('based on data from')} ${t('China')}`,
+        t('Assumptions on severity which are informed by epidemiological and clinical observations in China'),
+      )}
       defaultCollapsed
     >
       <p>
diff --git a/yarn.lock b/yarn.lock
index e20fbd7b7..77c590cb7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12535,11 +12535,6 @@ rc@^1.0.1, rc@^1.1.6:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-children-utilities@2.0.12:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/react-children-utilities/-/react-children-utilities-2.0.12.tgz#75dcb4eded7d1a2509d68f52a0b13fc00694165f"
-  integrity sha512-SqoczHew6ZQahJmI2EE3JZWefVHtwknqIx0zhdpJNYdyCXZNDm+7k+1ZAnZCOUY9anXh+O52b0eeLrqOdXvTeQ==
-
 react-dates@21.8.0:
   version "21.8.0"
   resolved "https://registry.yarnpkg.com/react-dates/-/react-dates-21.8.0.tgz#355c3c7a243a7c29568fe00aca96231e171a5e94"