diff --git a/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx b/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx
index c099b6c066..cdb78e4745 100644
--- a/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx
+++ b/packages/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { RelatedComponentsDecorator } from "../../../components";
 import { RelatedComponents } from "vibe-storybook-components";
 import { DESCRIPTION_COMPONENTS_WITHOUT_GENERAL_DESCRIPTION_MAP } from "../../../components/related-components/component-description-map";
-import { LegacySearch } from "../../../../components";
+import Search from "../../../../components/Search/Search";
 import { CatalogEmptyState } from "../EmptyState/Catalog.stories.EmptyState";
 import styles from "./Catalog.stories.templates.module.scss";
 
@@ -18,7 +18,7 @@ export const CatalogTemplate = () => {
 
   return (
     <div className={styles.container}>
-      <LegacySearch
+      <Search
         placeholder="Search by component name..."
         value={query}
         onChange={setQuery}