diff --git a/src/components/content/WithPlaceholder/WithPlacehoder.stories.tsx b/src/components/content/WithPlaceholder/WithPlacehoder.stories.tsx
index 4e2f8e20..ca3e95cf 100644
--- a/src/components/content/WithPlaceholder/WithPlacehoder.stories.tsx
+++ b/src/components/content/WithPlaceholder/WithPlacehoder.stories.tsx
@@ -10,33 +10,25 @@ import { Meta, StoryObj } from '@storybook/react'
 import { WithPlaceholder } from './WithPlaceholder'
 
 const children = {
-  options: ['null', 'undefined', 'empty', 'text'],
+  options: ['null', 'undefined', 'Empty text', 'ReactNode'],
   mapping: {
-    'null': null,
-    'undefined': undefined,
+    null: null,
+    undefined: undefined,
     'Empty text': '',
-    'ReactNode': 'John Doe',
+    ReactNode: 'John Doe',
   },
   control: { type: 'select' },
 }
 
-const placeholder = {
-  options: ['default', 'star', 'notFound'],
-  mapping: {
-    default: '-',
-    star: '*',
-    notFound: 'Not found',
-  },
-}
 const meta = {
   title: 'Components/Content/WithPlaceHolder',
   component: WithPlaceholder,
   args: {
-    children: 'Content',
+    children: 'John Doe',
+    placeholder: '-',
   },
   argTypes: {
     children,
-    placeholder,
   },
   parameters: {
     docs: {
diff --git a/src/components/content/WithPlaceholder/WithPlaceholder.tsx b/src/components/content/WithPlaceholder/WithPlaceholder.tsx
index 2e70ee92..292ce324 100644
--- a/src/components/content/WithPlaceholder/WithPlaceholder.tsx
+++ b/src/components/content/WithPlaceholder/WithPlaceholder.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import { PropsWithChildren, ReactNode } from 'react'
 
 export type WithPlaceholderProps = PropsWithChildren<{
   /**