diff --git a/src/components/tab.jsx b/src/components/tab.jsx
index 19501313..e47f21af 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.toString().replace(/\s+/g, '-').toLowerCase()) : ''
+  return tabName !== undefined ? encodeURIComponent(tabName.toString().replace(/\s+/g, '-').toLowerCase()) : ''
 }
 
 export default function Tab({ tab }) {
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 3a0a7136..739c4070 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -239,7 +239,7 @@ function Home({ initialSettings }) {
   const tabs = useMemo( () => [
     ...new Set(
       Object.keys(settings.layout ?? {}).map(
-        (groupName) => settings.layout[groupName]?.tab
+        (groupName) => settings.layout[groupName]?.tab?.toString()
       ).filter(group => group)
     )
   ], [settings.layout]);