diff --git a/app/soapbox/features/ui/components/better_column.js b/app/soapbox/features/ui/components/better_column.js
index f5c04d226..e7c4d5682 100644
--- a/app/soapbox/features/ui/components/better_column.js
+++ b/app/soapbox/features/ui/components/better_column.js
@@ -17,7 +17,7 @@ export default class Column extends React.PureComponent {
 
   render() {
     const { heading, icon, children, active, menu } = this.props;
-    const columnHeaderId = heading.replace(/ /g, '-');
+    const columnHeaderId = heading && heading.replace(/ /g, '-');
 
     return (
       <div role='region' aria-labelledby={columnHeaderId} className='column column--better'>
diff --git a/app/soapbox/features/ui/components/column.js b/app/soapbox/features/ui/components/column.js
index 5e4b643b7..b09882b80 100644
--- a/app/soapbox/features/ui/components/column.js
+++ b/app/soapbox/features/ui/components/column.js
@@ -16,7 +16,7 @@ export default class Column extends React.PureComponent {
 
   render() {
     const { heading, icon, children, active, backBtnSlim } = this.props;
-    const columnHeaderId = heading.replace(/ /g, '-');
+    const columnHeaderId = heading && heading.replace(/ /g, '-');
     const backBtn = backBtnSlim ? (<ColumnBackButtonSlim />) : (<ColumnBackButton />);
 
     return (