diff --git a/.storybook/addons.jsx b/.storybook/addons.jsx
index cfcd025d9e..4bf9a178cc 100644
--- a/.storybook/addons.jsx
+++ b/.storybook/addons.jsx
@@ -1,3 +1,4 @@
+import React from "react";
 import "@storybook/addon-docs/register";
 import "@storybook/addon-interactions/register";
 import "@storybook/addon-actions/register";
@@ -5,6 +6,8 @@ import "@storybook/addon-links/register";
 import { create } from "@storybook/theming";
 import { addons } from "@storybook/addons";
 import logo from "./logo.png";
+import { SidebarItem } from "vibe-storybook-components";
+import "vibe-storybook-components/index.css";
 
 window.STORYBOOK_GA_ID = "UA-308574295";
 window.STORYBOOK_REACT_GA_OPTIONS = {};
@@ -22,5 +25,22 @@ const theme = create({
 });
 
 addons.setConfig({
-  theme
+  theme,
+  sidebar: {
+    renderLabel: ({ name, parameters = {} }) => {
+      const statusRegex = /\[([^)]+)\]/gi;
+      const [statusMatch, statusType] = statusRegex.exec(name) || [];
+
+      if (statusMatch) {
+        return <SidebarItem status={statusType}>{name.replace(statusMatch, "").trim()}</SidebarItem>;
+      }
+
+      const { status: storyStatus } = parameters;
+      if (!storyStatus) {
+        return name;
+      }
+
+      return <SidebarItem status={parameters.status}>{name.replace(storyStatus, "").trim()}</SidebarItem>;
+    }
+  }
 });
diff --git a/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx b/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx
index 45e24a0ab5..7e51838a56 100644
--- a/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx
+++ b/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx
@@ -22,7 +22,7 @@ export const metaSettings = createStoryMetaSettingsDecorator({
 });
 
 <Meta
-  title="Text/LegacyHeading"
+  title="Text/LegacyHeading [deprecated]"
   component={Heading}
   argTypes={metaSettings.argTypes}
   decorators={metaSettings.decorators}