1 files changed, 7 insertions, 10 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx
index 33bb3f684..f44354097 100644
--- a/packages/react-shared/src/components/anchor_title.tsx
+++ b/packages/react-shared/src/components/anchor_title.tsx
@@ -27,6 +27,12 @@ const styles: Styles = {
         transform: 'rotate(45deg)',
         cursor: 'pointer',
     },
+    headers: {
+        WebkitMarginStart: 0,
+        WebkitMarginEnd: 0,
+        fontWeight: 'bold',
+        display: 'block',
+    },
     h1: {
         fontSize: '1.8em',
     },
@@ -52,16 +58,7 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt
             opacity = this.state.isHovering ? 0.6 : 1;
         }
         return (
-            <div
-                className="relative flex"
-                style={{
-                    ...styles[this.props.headerSize],
-                    fontWeight: 'bold',
-                    display: 'block',
-                    WebkitMarginStart: 0,
-                    WebkitMarginEnd: 0,
-                }}
-            >
+            <div className="relative flex" style={{ ...styles[this.props.headerSize], ...styles.headers }}>
                 <div className="inline-block" style={{ paddingRight: 4 }}>
                     {this.props.title}
                 </div>