diff --git a/frontend/__snapshots__/scenes-app-persons-groups--cohorts.png b/frontend/__snapshots__/scenes-app-persons-groups--cohorts.png
new file mode 100644
index 0000000000000..e1b37e1f46562
Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--cohorts.png differ
diff --git a/frontend/__snapshots__/scenes-app-persons-groups--groups.png b/frontend/__snapshots__/scenes-app-persons-groups--groups.png
new file mode 100644
index 0000000000000..92ce45fd149ad
Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--groups.png differ
diff --git a/frontend/__snapshots__/scenes-app-persons-groups--persons.png b/frontend/__snapshots__/scenes-app-persons-groups--persons.png
new file mode 100644
index 0000000000000..b2ff5023a1c61
Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--persons.png differ
diff --git a/frontend/src/scenes/persons-management/PersonsManagementScene.stories.tsx b/frontend/src/scenes/persons-management/PersonsManagementScene.stories.tsx
new file mode 100644
index 0000000000000..98172922fa975
--- /dev/null
+++ b/frontend/src/scenes/persons-management/PersonsManagementScene.stories.tsx
@@ -0,0 +1,37 @@
+import { Meta, StoryFn } from '@storybook/react'
+import { router } from 'kea-router'
+import { useEffect } from 'react'
+import { App } from 'scenes/App'
+import { urls } from 'scenes/urls'
+
+const meta: Meta = {
+    title: 'Scenes-App/Persons & Groups',
+    parameters: {
+        layout: 'fullscreen',
+        viewMode: 'story',
+        mockDate: '2023-07-04', // To stabilize relative dates
+    },
+    decorators: [],
+}
+export default meta
+
+export const Persons: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.persons())
+    }, [])
+    return <App />
+}
+
+export const Cohorts: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.cohorts())
+    }, [])
+    return <App />
+}
+
+export const Groups: StoryFn = () => {
+    useEffect(() => {
+        router.actions.push(urls.groups(0))
+    }, [])
+    return <App />
+}
diff --git a/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx b/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
index 7734a37566197..36c93aee71e34 100644
--- a/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
+++ b/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
@@ -95,7 +95,7 @@ export const personsManagementSceneLogic = kea<personsManagementSceneLogicType>(
                     ...(showGroupsIntroductionPage
                         ? [
                               {
-                                  key: 'groups-intro',
+                                  key: 'groups-0',
                                   label: 'Groups',
                                   url: urls.groups(0),
                                   content: <Groups groupTypeIndex={0} />,