diff --git a/opentech/static_src/src/app/src/components/ListingHeading.js b/opentech/static_src/src/app/src/components/ListingHeading.js
index 996f7a933e214c8ae0aad300df9f4d1d8fda27ff..ab534aff49c36dc48dfd2c28fa5eb2d621e7dbc3 100644
--- a/opentech/static_src/src/app/src/components/ListingHeading.js
+++ b/opentech/static_src/src/app/src/components/ListingHeading.js
@@ -3,8 +3,9 @@ import PropTypes from 'prop-types';
 
 export default class ListingHeading extends React.Component {
     render() {
+        const parsedTitle = this.props.title.split(' ').join('-').toLowerCase();
         return (
-            <li className="listing__item listing__item--heading">
+            <li className="listing__item listing__item--heading" id={parsedTitle}>
                 <h5 className="listing__title">{this.props.title}</h5>
                 <span className="listing__count">{this.props.count}</span>
             </li>