diff --git a/site/src/components/Button/LoadingButton.stories.tsx b/site/src/components/Button/LoadingButton.stories.tsx
index 65958aa4b7724..19192572dd8b0 100644
--- a/site/src/components/Button/LoadingButton.stories.tsx
+++ b/site/src/components/Button/LoadingButton.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { LoadingButton, LoadingButtonProps } from "./LoadingButton"
 
 export default {
-  title: "Button/LoadingButton",
+  title: "components/LoadingButton",
   component: LoadingButton,
   argTypes: {
     loading: { control: { type: "boolean" } },
diff --git a/site/src/components/CodeBlock/index.stories.tsx b/site/src/components/CodeBlock/index.stories.tsx
index 6e921faca30e0..156cf2b4edca9 100644
--- a/site/src/components/CodeBlock/index.stories.tsx
+++ b/site/src/components/CodeBlock/index.stories.tsx
@@ -9,7 +9,7 @@ Started container user
 Using user 'coder' with shell '/bin/bash'`.split("\n")
 
 export default {
-  title: "CodeBlock/CodeBlock",
+  title: "components/CodeBlock",
   component: CodeBlock,
   argTypes: {
     lines: { control: "text", defaultValue: sampleLines },
diff --git a/site/src/components/CodeExample/CodeExample.stories.tsx b/site/src/components/CodeExample/CodeExample.stories.tsx
index f7972f678afb0..42e03ac80fc08 100644
--- a/site/src/components/CodeExample/CodeExample.stories.tsx
+++ b/site/src/components/CodeExample/CodeExample.stories.tsx
@@ -5,7 +5,7 @@ import { CodeExample, CodeExampleProps } from "./CodeExample"
 const sampleCode = `echo "Hello, world"`
 
 export default {
-  title: "CodeBlock/CodeExample",
+  title: "components/CodeExample",
   component: CodeExample,
   argTypes: {
     code: { control: "string", defaultValue: sampleCode },
diff --git a/site/src/components/Form/FormCloseButton.stories.tsx b/site/src/components/Form/FormCloseButton.stories.tsx
index 6e011a2536d51..152cc675c9cdd 100644
--- a/site/src/components/Form/FormCloseButton.stories.tsx
+++ b/site/src/components/Form/FormCloseButton.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { FormCloseButton, FormCloseButtonProps } from "./FormCloseButton"
 
 export default {
-  title: "Form/FormCloseButton",
+  title: "components/FormCloseButton",
   component: FormCloseButton,
   argTypes: {
     onClose: { action: "onClose" },
diff --git a/site/src/components/Navbar/UserDropdown/UserDropdown.stories.tsx b/site/src/components/Navbar/UserDropdown/UserDropdown.stories.tsx
index f6ed3bccdae59..a4f667a6ab283 100644
--- a/site/src/components/Navbar/UserDropdown/UserDropdown.stories.tsx
+++ b/site/src/components/Navbar/UserDropdown/UserDropdown.stories.tsx
@@ -4,7 +4,7 @@ import React from "react"
 import { UserDropdown, UserDropdownProps } from "."
 
 export default {
-  title: "Page/UserDropdown",
+  title: "components/UserDropdown",
   component: UserDropdown,
   argTypes: {
     onSignOut: { action: "Sign Out" },
diff --git a/site/src/components/Section/SectionView.stories.tsx b/site/src/components/Section/SectionView.stories.tsx
index 13f5a1486aae9..87871430801f3 100644
--- a/site/src/components/Section/SectionView.stories.tsx
+++ b/site/src/components/Section/SectionView.stories.tsx
@@ -5,7 +5,7 @@ import React from "react"
 import { Section, SectionProps } from "./"
 
 export default {
-  title: "Page/Section",
+  title: "components/Section",
   component: Section,
   argTypes: {
     title: { type: "string" },
diff --git a/site/src/components/SignIn/CliAuthToken.stories.tsx b/site/src/components/SignIn/CliAuthToken.stories.tsx
index b9d8e5baa9a47..30fcab7f96042 100644
--- a/site/src/components/SignIn/CliAuthToken.stories.tsx
+++ b/site/src/components/SignIn/CliAuthToken.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { CliAuthToken, CliAuthTokenProps } from "./CliAuthToken"
 
 export default {
-  title: "SignIn/CliAuthToken",
+  title: "components/CliAuthToken",
   component: CliAuthToken,
   argTypes: {
     sessionToken: { control: "text", defaultValue: "some-session-token" },
diff --git a/site/src/components/SignIn/SignInForm.stories.tsx b/site/src/components/SignIn/SignInForm.stories.tsx
index caac9bba5a230..bc6a80840c2d3 100644
--- a/site/src/components/SignIn/SignInForm.stories.tsx
+++ b/site/src/components/SignIn/SignInForm.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { SignInForm, SignInFormProps } from "./SignInForm"
 
 export default {
-  title: "SignIn/SignInForm",
+  title: "components/SignInForm",
   component: SignInForm,
   argTypes: {
     isLoading: "boolean",
diff --git a/site/src/components/Snackbar/EnterpriseSnackbar.stories.tsx b/site/src/components/Snackbar/EnterpriseSnackbar.stories.tsx
index 981c64667c9a6..e7ea55811dd48 100644
--- a/site/src/components/Snackbar/EnterpriseSnackbar.stories.tsx
+++ b/site/src/components/Snackbar/EnterpriseSnackbar.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { EnterpriseSnackbar, EnterpriseSnackbarProps } from "./EnterpriseSnackbar"
 
 export default {
-  title: "Snackbar/EnterpriseSnackbar",
+  title: "components/EnterpriseSnackbar",
   component: EnterpriseSnackbar,
 }
 
diff --git a/site/src/components/Stack/Stack.stories.tsx b/site/src/components/Stack/Stack.stories.tsx
index b10df77d80369..7957e677d2bba 100644
--- a/site/src/components/Stack/Stack.stories.tsx
+++ b/site/src/components/Stack/Stack.stories.tsx
@@ -4,7 +4,7 @@ import React from "react"
 import { Stack, StackProps } from "./Stack"
 
 export default {
-  title: "Components/Stack",
+  title: "components/Stack",
   component: Stack,
 }
 
diff --git a/site/src/components/TabPanel/TabPanel.stories.tsx b/site/src/components/TabPanel/TabPanel.stories.tsx
index 53bae872e4391..2dca616b3262a 100644
--- a/site/src/components/TabPanel/TabPanel.stories.tsx
+++ b/site/src/components/TabPanel/TabPanel.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { TabPanel, TabPanelProps } from "."
 
 export default {
-  title: "TabPanel/TabPanel",
+  title: "components/TabPanel",
   component: TabPanel,
 }
 
diff --git a/site/src/components/TabPanel/TabSidebar.stories.tsx b/site/src/components/TabPanel/TabSidebar.stories.tsx
index e83db7a7e44d8..c35b6d4a62bd3 100644
--- a/site/src/components/TabPanel/TabSidebar.stories.tsx
+++ b/site/src/components/TabPanel/TabSidebar.stories.tsx
@@ -3,7 +3,7 @@ import React from "react"
 import { TabSidebar, TabSidebarProps } from "./TabSidebar"
 
 export default {
-  title: "TabPanel/TabSidebar",
+  title: "components/TabSidebar",
   component: TabSidebar,
 }
 
diff --git a/site/src/components/Table/Cells/UserCell.stories.tsx b/site/src/components/Table/Cells/UserCell.stories.tsx
index 2318448bc6cb5..dcc74fdd5fe27 100644
--- a/site/src/components/Table/Cells/UserCell.stories.tsx
+++ b/site/src/components/Table/Cells/UserCell.stories.tsx
@@ -4,7 +4,7 @@ import { MockUser, MockUserAgent } from "../../../testHelpers"
 import { UserCell, UserCellProps } from "./UserCell"
 
 export default {
-  title: "Table/Cells/UserCell",
+  title: "components/UserCell",
   component: UserCell,
 } as ComponentMeta<typeof UserCell>
 
diff --git a/site/src/components/UsersTable/UsersTable.stories.tsx b/site/src/components/UsersTable/UsersTable.stories.tsx
index 01c936ad8c7fc..e64e8163e1879 100644
--- a/site/src/components/UsersTable/UsersTable.stories.tsx
+++ b/site/src/components/UsersTable/UsersTable.stories.tsx
@@ -4,7 +4,7 @@ import { MockUser, MockUser2 } from "../../testHelpers"
 import { UsersTable, UsersTableProps } from "./UsersTable"
 
 export default {
-  title: "Components/UsersTable",
+  title: "components/UsersTable",
   component: UsersTable,
 } as ComponentMeta<typeof UsersTable>
 
diff --git a/site/src/components/Workspace/Workspace.stories.tsx b/site/src/components/Workspace/Workspace.stories.tsx
index c0759dc514378..cc624d1bbe91c 100644
--- a/site/src/components/Workspace/Workspace.stories.tsx
+++ b/site/src/components/Workspace/Workspace.stories.tsx
@@ -4,7 +4,7 @@ import { MockOrganization, MockTemplate, MockWorkspace } from "../../testHelpers
 import { Workspace, WorkspaceProps } from "./Workspace"
 
 export default {
-  title: "Workspaces/Workspace",
+  title: "components/Workspace",
   component: Workspace,
   argTypes: {},
 }
diff --git a/site/src/components/Workspace/WorkspaceSchedule.stories.tsx b/site/src/components/Workspace/WorkspaceSchedule.stories.tsx
index a373af9b2c952..ff5988c72c0fe 100644
--- a/site/src/components/Workspace/WorkspaceSchedule.stories.tsx
+++ b/site/src/components/Workspace/WorkspaceSchedule.stories.tsx
@@ -4,7 +4,7 @@ import { MockWorkspaceAutostartEnabled } from "../../testHelpers"
 import { WorkspaceSchedule, WorkspaceScheduleProps } from "./WorkspaceSchedule"
 
 export default {
-  title: "Workspaces/WorkspaceSchedule",
+  title: "components/WorkspaceSchedule",
   component: WorkspaceSchedule,
 }