diff --git a/src/components/tab.jsx b/src/components/tab.jsx
index bcccd9941..c44c88a25 100644
--- a/src/components/tab.jsx
+++ b/src/components/tab.jsx
@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { TabContext } from "utils/contexts/tab";
 
 export function slugify(tabName) {
-  return tabName ? encodeURIComponent(tabName.toLowerCase()) : ''
+  return tabName ? encodeURIComponent(tabName.replace(/\s+/g, '-').toLowerCase()) : ''
 }
 
 export default function Tab({ tab }) {