diff --git a/src/components/app.js b/src/components/app.js
index ba33e76..47b85ba 100644
--- a/src/components/app.js
+++ b/src/components/app.js
@@ -79,7 +79,7 @@ var App = React.createClass({
       var rect = sections[i].getBoundingClientRect();
       if (rect.bottom > 0) {
         this.setState({
-          activeSection: sections[i].title
+          activeSection: sections[i].getAttribute('data-title')
         });
         return;
       }
diff --git a/src/components/section.js b/src/components/section.js
index 9538e16..24dd70b 100644
--- a/src/components/section.js
+++ b/src/components/section.js
@@ -27,7 +27,7 @@ var Section = React.createClass({
     let { chunk } = this.props;
     let { left, right, preview } = chunk;
     return (<div
-      title={chunk.title}
+      data-title={chunk.title}
       className={`section pad2y contain clearfix ${preview ? 'preview' : ''}`}>
       <div
         className='col6 pad2x prose clip'