diff --git a/website/pages/universe/index.tsx b/website/pages/universe/index.tsx
new file mode 100644
index 000000000..ee350a09c
--- /dev/null
+++ b/website/pages/universe/index.tsx
@@ -0,0 +1,17 @@
+import recordSections from '../../meta/recordSections'
+import Layout from '../../src/components/layout'
+
+const Universe = () => {
+    return (
+        <Layout
+            slug={['universe']}
+            section="universe"
+            sectionTitle={recordSections.universe.title}
+            theme={recordSections.universe.theme}
+            isIndex
+            title="Overview"
+        />
+    )
+}
+
+export default Universe
diff --git a/website/src/components/layout/universe.js b/website/src/components/layout/universe.js
index 87c02cd63..625a898b8 100644
--- a/website/src/components/layout/universe.js
+++ b/website/src/components/layout/universe.js
@@ -21,12 +21,6 @@ import { github, MarkdownToReact } from '../util'
 import { nightly, legacy } from '../../../meta/dynamicMeta'
 import universe from '../../../meta/universe.json'
 
-function getSlug(data) {
-    if (data.isCategory) return `/universe/category/${data.id}`
-    if (data.isProject) return `/universe/project/${data.id}`
-    return `/universe`
-}
-
 function filterResources(resources, data) {
     const sorted = resources.sort((a, b) => a.id.localeCompare(b.id))
     if (!data || !data.isCategory) return sorted
@@ -38,7 +32,7 @@ const UniverseContent = ({ content = [], categories, theme, pageContext, mdxComp
     const filteredResources = filterResources(content, data)
     const activeData = data ? content.find(({ id }) => id === data.id) : null
     const markdownComponents = { ...mdxComponents, code: InlineCode }
-    const slug = getSlug(data)
+    const slug = pageContext.slug
     const isHome = !data.isCategory && !data.isProject
 
     const sidebar = [