diff --git a/src/FilterLists.Web/src/components/ListInfoButton.tsx b/src/FilterLists.Web/src/components/ListInfoButton.tsx
index 041a79b06..5214a2df5 100644
--- a/src/FilterLists.Web/src/components/ListInfoButton.tsx
+++ b/src/FilterLists.Web/src/components/ListInfoButton.tsx
@@ -3,12 +3,14 @@ import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import slugify from 'slugify';
 
+import { SlugifyOptions } from '../constants';
+
 interface Props {
   listName: string;
 };
 
 export const ListInfoButton = (props: RouteComponentProps & Props) => {
-  const listPath = `/lists/${slugify(props.listName)}`;
+  const listPath = `/lists/${slugify(props.listName, SlugifyOptions)}`;
   return (
     <Button
       type="primary"
diff --git a/src/FilterLists.Web/src/constants.ts b/src/FilterLists.Web/src/constants.ts
new file mode 100644
index 000000000..16a9843a4
--- /dev/null
+++ b/src/FilterLists.Web/src/constants.ts
@@ -0,0 +1 @@
+export const SlugifyOptions = { remove: /[^a-zA-Z0-9- ]/g, lower: true }
\ No newline at end of file
diff --git a/src/FilterLists.Web/src/hooks/useLists.tsx b/src/FilterLists.Web/src/hooks/useLists.tsx
index 65bd8113b..ffdadc769 100644
--- a/src/FilterLists.Web/src/hooks/useLists.tsx
+++ b/src/FilterLists.Web/src/hooks/useLists.tsx
@@ -1,11 +1,12 @@
 import slugify from 'slugify';
 
+import { SlugifyOptions } from '../constants';
 import { List } from '../interfaces/List';
 import { useApiData } from './useApiData';
 
 export const useLists = () => {
   const lists = useApiData<List[]>("/api/v1/lists");
-  lists && lists.forEach(l => l.slug = slugify(l.name));
+  lists && lists.forEach(l => l.slug = slugify(l.name, SlugifyOptions));
   return (lists || [])
     .sort((a: List, b: List) => a.name.localeCompare(b.name));
 };
\ No newline at end of file