diff --git a/src/pages/dar_application/ResearchPurposeStatement.js b/src/pages/dar_application/ResearchPurposeStatement.js
index b8dee535b..4c8ac2994 100644
--- a/src/pages/dar_application/ResearchPurposeStatement.js
+++ b/src/pages/dar_application/ResearchPurposeStatement.js
@@ -1,4 +1,4 @@
-import { a, div, fieldset, h2, h3, h4, h, span } from 'react-hyperscript-helpers';
+import React from 'react';
 import isEmpty from 'lodash/fp/isEmpty';
 import './dar_application.css';
 import { FormField, FormFieldTypes, FormValidators } from '../../components/forms/forms';
@@ -16,40 +16,27 @@ const ResearchPurposeRow = (props) => {
   } = props;
 
 
-  return div({
-    className: 'rp-row flex flex-row',
-  }, [
-    div({
-      style: {
-        width: '70%',
-      }
-    }, [
-      div({
-        className: 'rp-row-title',
-      }, [title]),
-      div({
-        className: 'rp-row-description',
-      }, [description]),
-    ]),
-    div({
-      style: {
-        width: '20%',
-      }
-    }, [
-      h(FormField, {
-        type: FormFieldTypes.YESNORADIOGROUP,
-        id: id,
-        validators: [FormValidators.REQUIRED],
-        defaultValue,
-        orientation: 'horizontal',
-        validation,
-        onValidationChange,
-        disabled,
-        onChange,
-      }),
-
-    ])
-  ]);
+  return (
+    <div className="rp-row flex flex-row">
+      <div style={{ width: '70%' }}>
+        <div className="rp-row-title">{title}</div>
+        <div className="rp-row-description">{description}</div>
+      </div>
+      <div style={{ width: '20%' }}>
+        <FormField
+          type={FormFieldTypes.YESNORADIOGROUP}
+          id={id}
+          validators={[FormValidators.REQUIRED]}
+          defaultValue={defaultValue}
+          orientation="horizontal"
+          validation={validation}
+          onValidationChange={onValidationChange}
+          disabled={disabled}
+          onChange={onChange}
+        />
+      </div>
+    </div>
+  );
 };
 
 export default function ResearchPurposeStatement(props) {
@@ -74,175 +61,158 @@ export default function ResearchPurposeStatement(props) {
     formFieldChange({ key, value });
   };
 
-  return(
-    div({ className: 'dar-step-card' }, [
-      fieldset({ disabled: !isEmpty(darCode) }, [
-
-        h2({ className: '' }, ['Step 3: Research Purpose Statement']),
-
-        div({ className: 'form-group' }, [
-          h3({ className: '' },
-            ['In order to ensure appropriate review, please answer the questions below:']),
-
-          h4({}, ['I am proposing to:']),
-
-          h(ResearchPurposeRow, {
-            title: 'Increase controls available for a comparison group (e.g. a case-control study).',
-            id: 'controls',
-            defaultValue: formData.controls,
-            validation: validation.controls,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Study variation in the general population (e.g. calling variants and/or studying their distribution).',
-            id: 'population',
-            defaultValue: formData.population,
-            validation: validation.population,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Conduct research for an exclusively or partially commercial purpose.',
-            id: 'forProfit',
-            defaultValue: formData.forProfit,
-            validation: validation.forProfit,
-            onValidationChange,
-            onChange,
-          }),
-
-          h4({}, ['Is this study:']),
-
-          h(ResearchPurposeRow, {
-            title: 'Limited to one gender',
-            id: 'oneGender',
-            defaultValue: formData.oneGender,
-            validation: validation.oneGender,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          div({
-            isRendered: formData.oneGender,
-            className: 'flex flex-row rp-subrow',
-            style: {
-              justifyContent: 'flex-start',
+  return (
+    <div className="dar-step-card">
+      <fieldset disabled={!isEmpty(darCode)}>
+        <h2>Step 3: Research Purpose Statement</h2>
+
+        <div className="form-group">
+          <h3>In order to ensure appropriate review, please answer the questions below:</h3>
+
+          <h4>I am proposing to:</h4>
+
+          <ResearchPurposeRow
+            title="Increase controls available for a comparison group (e.g. a case-control study)."
+            id="controls"
+            defaultValue={formData.controls}
+            validation={validation.controls}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Study variation in the general population (e.g. calling variants and/or studying their distribution)."
+            id="population"
+            defaultValue={formData.population}
+            validation={validation.population}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Conduct research for an exclusively or partially commercial purpose."
+            id="forProfit"
+            defaultValue={formData.forProfit}
+            validation={validation.forProfit}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <h4>Is this study:</h4>
+
+          <ResearchPurposeRow
+            title="Limited to one gender"
+            id="oneGender"
+            defaultValue={formData.oneGender}
+            validation={validation.oneGender}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          {formData.oneGender && (
+            <div className="flex flex-row rp-subrow" style={{ justifyContent: 'flex-start' }}>
+              <span style={{ fontStyle: 'italic', marginRight: '3rem' }}>Please Specify:</span>
+              <FormField
+                type={FormFieldTypes.RADIOGROUP}
+                orientation="horizontal"
+                id="gender"
+                options={[
+                  { text: 'Male', name: 'M' },
+                  { text: 'Female', name: 'F' }
+                ]}
+                disabled={readOnlyMode}
+                defaultValue={formData.gender}
+                onChange={onChange}
+                validation={validation.gender}
+                onValidationChange={onValidationChange}
+              />
+            </div>
+          )}
+
+          <ResearchPurposeRow
+            title="Limited to a pediatric population (under the age of 18)"
+            id="pediatric"
+            defaultValue={formData.pediatric}
+            validation={validation.pediatric}
+            onValidationChange={onValidationChange}
+            disabled={readOnlyMode}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title={
+              <span>
+                Targeting a vulnerable population as defined in{' '}
+                <a href="https://www.ecfr.gov/current/title-42/chapter-IV/subchapter-C/part-456" target="_blank" rel="noreferrer">
+                  456 CFR
+                </a>
+              </span>
             }
-          }, [
-            span({
-              style: {
-                fontStyle: 'italic',
-                marginRight: '3rem',
-              }
-            }, [
-              'Please Specify:',
-            ]),
-            h(FormField, {
-              type: FormFieldTypes.RADIOGROUP,
-              orientation: 'horizontal',
-              id: 'gender',
-              options: [
-                {
-                  text: 'Male',
-                  name: 'M',
-                },
-                {
-                  text: 'Female',
-                  name: 'F',
-                }
-              ],
-              disabled: readOnlyMode,
-              defaultValue: formData.gender,
-              onChange,
-              validation: validation.gender,
-              onValidationChange,
-            }),
-          ]),
-
-
-          h(ResearchPurposeRow, {
-            title: 'Limited to a pediatric population (under the age of 18)',
-            id: 'pediatric',
-            defaultValue: formData.pediatric,
-            validation: validation.pediatric,
-            onValidationChange,
-            disabled: readOnlyMode,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: span({}, ['Targeting a vulnerable population as defined in ', a({
-              href: 'https://www.ecfr.gov/current/title-42/chapter-IV/subchapter-C/part-456',
-              target: '_blank',
-            }, ['456 CFR'])]),
-            description: '(children, prisoners, pregnant women, mentally disabled persons, or [“SIGNIFICANTLY”] economically or educationally disadvantaged persons)',
-            id: 'vulnerablePopulation',
-            defaultValue: formData.vulnerablePopulation,
-            validation: validation.vulnerablePopulation,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h4({}, ['Does this research involve the study of:']),
-
-          h(ResearchPurposeRow, {
-            title: 'Illegal behaviors (violence, domestic abuse, prostitution, sexual victimization)',
-            id: 'illegalBehavior',
-            defaultValue: formData.illegalBehavior,
-            validation: validation.illegalBehavior,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Sexual preferences or sexually transmitted diseases',
-            id: 'sexualDiseases',
-            defaultValue: formData.sexualDiseases,
-            validation: validation.sexualDiseases,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Psychological traits, intelligence, or attention',
-            id: 'psychiatricTraits',
-            defaultValue: formData.psychiatricTraits,
-            validation: validation.psychiatricTraits,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Correlating ethnicity, race, or gender with genotypic or phenotypic variables for purposes beyond biomedical or health-related research, or in ways not easily related to health',
-            id: 'notHealth',
-            defaultValue: formData.notHealth,
-            validation: validation.notHealth,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-          h(ResearchPurposeRow, {
-            title: 'Stigmatizing illnesses',
-            id: 'stigmatizedDiseases',
-            defaultValue: formData.stigmatizedDiseases,
-            validation: validation.stigmatizedDiseases,
-            disabled: readOnlyMode,
-            onValidationChange,
-            onChange,
-          }),
-
-        ])
-      ]),
-    ])
+            description="(children, prisoners, pregnant women, mentally disabled persons, or [“SIGNIFICANTLY”] economically or educationally disadvantaged persons)"
+            id="vulnerablePopulation"
+            defaultValue={formData.vulnerablePopulation}
+            validation={validation.vulnerablePopulation}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <h4>Does this research involve the study of:</h4>
+
+          <ResearchPurposeRow
+            title="Illegal behaviors (violence, domestic abuse, prostitution, sexual victimization)"
+            id="illegalBehavior"
+            defaultValue={formData.illegalBehavior}
+            validation={validation.illegalBehavior}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Sexual preferences or sexually transmitted diseases"
+            id="sexualDiseases"
+            defaultValue={formData.sexualDiseases}
+            validation={validation.sexualDiseases}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Psychological traits, intelligence, or attention"
+            id="psychiatricTraits"
+            defaultValue={formData.psychiatricTraits}
+            validation={validation.psychiatricTraits}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Correlating ethnicity, race, or gender with genotypic or phenotypic variables for purposes beyond biomedical or health-related research, or in ways not easily related to health"
+            id="notHealth"
+            defaultValue={formData.notHealth}
+            validation={validation.notHealth}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+
+          <ResearchPurposeRow
+            title="Stigmatizing illnesses"
+            id="stigmatizedDiseases"
+            defaultValue={formData.stigmatizedDiseases}
+            validation={validation.stigmatizedDiseases}
+            disabled={readOnlyMode}
+            onValidationChange={onValidationChange}
+            onChange={onChange}
+          />
+        </div>
+      </fieldset>
+    </div>
   );
 }