diff --git a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
index 19e2b8a..de39bf1 100644
--- a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
+++ b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.html
@@ -1,4 +1,4 @@
-<my-wallet-title-bar>
+<mw-title-bar-base-money [amount]="amount()" [amountProps]="amountProps()">
     <my-wallet-typography
         [ellipsis]="true"
         maxWidth="19rem"
@@ -6,13 +6,5 @@
         [letterSpacing]="categoryProps().letterSpacing"
         [lineHeight]="categoryProps().lineHeight"
         [size]="categoryProps().size"
-        slot="item-left"
     >{{category()}}</my-wallet-typography>
-    <my-wallet-money-text 
-        [amount]="amount()"
-        color="var(--mw-gray-500)"
-        [lineHeight]="amountProps().lineHeight"
-        [size]="amountProps().size"
-        slot="item-right" 
-    />
-</my-wallet-title-bar>
\ No newline at end of file
+</mw-title-bar-base-money>
\ No newline at end of file
diff --git a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
index 9cc81da..ee3fb5c 100644
--- a/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
+++ b/projects/my-wallet-ds/src/lib/molecules/title-bar-category/title-bar-category.component.ts
@@ -2,11 +2,12 @@ import { Component, input } from '@angular/core';
 import { TitleBarComponent } from './../../atoms/title-bar/title-bar.component'
 import { MoneyTextComponent } from './../money-text/money-text.component';
 import { TypographyComponent } from './../../atoms/typography/typography.component'
+import { TitleBarBaseMoneyComponent } from "../title-bar-base-money/title-bar-base-money.component";
 
 @Component({
-  selector: 'my-wallet-title-bar-category',
+  selector: 'mw-title-bar-category',
   standalone: true,
-  imports: [TitleBarComponent, MoneyTextComponent, TypographyComponent],
+  imports: [TitleBarComponent, MoneyTextComponent, TypographyComponent, TitleBarBaseMoneyComponent],
   templateUrl: './title-bar-category.component.html',
   styleUrl: './title-bar-category.component.css'
 })