diff --git a/projects/my-wallet-ds/src/stories/control-constants/expense-income-detail.ts b/projects/my-wallet-ds/src/stories/control-constants/expense-income-detail.ts
index 5bbe0a3..84f39d4 100644
--- a/projects/my-wallet-ds/src/stories/control-constants/expense-income-detail.ts
+++ b/projects/my-wallet-ds/src/stories/control-constants/expense-income-detail.ts
@@ -32,4 +32,9 @@ export const whom: InputType = {
     control: 'text',
     description: 'Expense/income payer or payee',
     table: {defaultValue: {detail: 'Defaults to none (empty string)', summary: '(empty string)'}},
+}
+
+export const iconProps: InputType ={
+    control: 'object',
+    description: 'Properties for the rendered icon'
 }
\ No newline at end of file
diff --git a/projects/my-wallet-ds/src/stories/molecules/expense-income-category-by-account-detail.stories.ts b/projects/my-wallet-ds/src/stories/molecules/expense-income-category-by-account-detail.stories.ts
index b443893..b7bbb1d 100644
--- a/projects/my-wallet-ds/src/stories/molecules/expense-income-category-by-account-detail.stories.ts
+++ b/projects/my-wallet-ds/src/stories/molecules/expense-income-category-by-account-detail.stories.ts
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import { ExpenseIncomeCategoryByAccountDetailComponent } from '../../lib/molecules/expense-income-category-by-account-detail/expense-income-category-by-account-detail.component';
-import { amount, category, description, variant, whom } from '../control-constants/expense-income-detail';
+import { amount, category, description, iconProps, variant, whom } from '../control-constants/expense-income-detail';
 import { backgroundColor } from '../control-constants/circled-icon';
 import { color, symbol } from '../control-constants/svg';
 
@@ -41,10 +41,7 @@ const meta: Meta<ExpenseIncomeCategoryByAccountDetailComponent> = {
       },      
     },
     description,
-    iconProps: {
-        control: 'object',
-        description: 'Properties for the rendered icon'
-    },
+    iconProps,
     showCheckbox: {
       control: 'boolean',
       description: 'Whether or not the element should show a checkbox',
diff --git a/projects/my-wallet-ds/src/stories/molecules/expense-income-category-detail.stories.ts b/projects/my-wallet-ds/src/stories/molecules/expense-income-category-detail.stories.ts
index d55cde3..47658a4 100644
--- a/projects/my-wallet-ds/src/stories/molecules/expense-income-category-detail.stories.ts
+++ b/projects/my-wallet-ds/src/stories/molecules/expense-income-category-detail.stories.ts
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/angular";
 import { ExpenseIncomeCategoryDetailComponent } from "../../lib/molecules/expense-income-category-detail/expense-income-category-detail.component";
-import { amount, category, description, variant, whom } from "../control-constants/expense-income-detail";
+import { amount, category, description, iconProps, variant, whom } from "../control-constants/expense-income-detail";
 import { backgroundColor } from "../control-constants/circled-icon";
 import { color, symbol } from "../control-constants/svg";
 
@@ -10,13 +10,13 @@ const meta: Meta<ExpenseIncomeCategoryDetailComponent> = {
     tags: ['autodocs'],
     args: {
       amount: 9494,
+      category:"Ocio, recreación y snacks",
+      description:"Pizza",
       iconProps:{
         backgroundColor: '#FFC3CD',
         color: '#ffffff',
         symbol: 'riding-line'
       },
-      category:"Ocio, recreación y snacks",
-      description:"Pizza",
       variant:"expense",
       whom:"Rappi",
       /*iconProps*/
@@ -28,10 +28,7 @@ const meta: Meta<ExpenseIncomeCategoryDetailComponent> = {
       amount,
       category,
       description,
-      iconProps: {
-        control: 'object',
-        description: 'Properties for the rendered icon'
-      },
+      iconProps,
       variant,
       whom,
       /*icon props */