1 files changed, 2 insertions, 2 deletions
diff --git a/packages/react-shared/src/components/section_header.tsx b/packages/react-shared/src/components/section_header.tsx
index ee34a6c09..0224c2127 100644
--- a/packages/react-shared/src/components/section_header.tsx
+++ b/packages/react-shared/src/components/section_header.tsx
@@ -35,7 +35,7 @@ export class SectionHeader extends React.Component<SectionHeaderProps, SectionHe
     public render() {
         const { sectionName, headerSize } = this.props as PropsWithDefaults;
 
-        const finalSectionName = this.props.sectionName.replace(/-/g, ' ');
+        const finalSectionName = utils.convertDashesToSpaces(this.props.sectionName);
         const id = utils.getIdFromName(finalSectionName);
         return (
             <div
@@ -48,7 +48,7 @@ export class SectionHeader extends React.Component<SectionHeaderProps, SectionHe
                         title={
                             <span
                                 style={{
-                                    textTransform: 'uppercase',
+                                    textTransform: 'capitalize',
                                     color: colors.grey,
                                     fontFamily: 'Roboto Mono',
                                     fontWeight: 300,