diff --git a/app/globals.css b/app/globals.css
index c9f0388..45a4d8a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -74,7 +74,6 @@
   --shadow-xl: 0 20px 25px -5px oklch(35% 0.02 45 / 0.1),
     0 8px 10px -6px oklch(35% 0.02 45 / 0.08);
   --shadow-2xl: 0 25px 50px -12px oklch(35% 0.02 45 / 0.2);
-
   --tracking-normal: 0em;
   --spacing: 0.25rem;
 
@@ -106,7 +105,7 @@
 
   /* Muted - subtle surface variant */
   --muted: oklch(20% 0.004 285);
-  --muted-foreground: oklch(60% 0.003 285);
+  --muted-foreground: oklch(72.285% 0.00436 286.016);
 
   /* Accent - subtle highlight */
   --accent: oklch(26% 0.006 285);
@@ -230,7 +229,7 @@
 
   html {
     scroll-behavior: smooth;
-    scroll-padding-top: 80px; /* Offset para o header sticky */
+    scroll-padding-top: 80px;
   }
 
   body {
diff --git a/components/dashboard/installment-expenses-widget.tsx b/components/dashboard/installment-expenses-widget.tsx
index ce5fe11..6fe6f51 100644
--- a/components/dashboard/installment-expenses-widget.tsx
+++ b/components/dashboard/installment-expenses-widget.tsx
@@ -172,11 +172,12 @@ export function InstallmentExpensesWidget({
 
                 <p className="text-xs text-muted-foreground ">
                   {endDate && `Termina em ${endDate}`}
-                  {` - Restante (${remainingInstallments}) `}
+                  {" | Restante  "}
                   <MoneyValues
                     amount={remainingAmount}
                     className="inline-block font-medium"
-                  />
+                  />{" "}
+                  ({remainingInstallments})
                 </p>
 
                 <Progress value={progress} className="h-2 mt-1" />
diff --git a/components/dashboard/payment-conditions-widget.tsx b/components/dashboard/payment-conditions-widget.tsx
index b5c243b..0287c0c 100644
--- a/components/dashboard/payment-conditions-widget.tsx
+++ b/components/dashboard/payment-conditions-widget.tsx
@@ -53,12 +53,12 @@ export function PaymentConditionsWidget({
           return (
             <li
               key={condition.condition}
-              className="flex items-center gap-3 border-b border-dashed pb-4 last:border-b-0 last:pb-0"
+              className="flex items-center gap-3 border-b border-dashed pb-3 last:border-b-0 last:pb-0"
             >
               <div className={CONDITION_ICON_CLASSES}>{Icon}</div>
 
               <div className="min-w-0 flex-1">
-                <div className="flex items-center justify-between gap-3">
+                <div className="flex items-center justify-between">
                   <p className="font-medium text-foreground text-sm">
                     {condition.condition}
                   </p>
diff --git a/components/dashboard/payment-methods-widget.tsx b/components/dashboard/payment-methods-widget.tsx
index aade767..954dccd 100644
--- a/components/dashboard/payment-methods-widget.tsx
+++ b/components/dashboard/payment-methods-widget.tsx
@@ -54,12 +54,12 @@ export function PaymentMethodsWidget({ data }: PaymentMethodsWidgetProps) {
           return (
             <li
               key={method.paymentMethod}
-              className="flex items-center gap-3 border-b border-dashed pb-4 last:border-b-0 last:pb-0"
+              className="flex items-center gap-3 border-b border-dashed pb-3 last:border-b-0 last:pb-0"
             >
               <div className={ICON_WRAPPER_CLASS}>{icon}</div>
 
               <div className="min-w-0 flex-1">
-                <div className="flex items-center justify-between gap-3">
+                <div className="flex items-center justify-between">
                   <p className="font-medium text-foreground text-sm">
                     {method.paymentMethod}
                   </p>
diff --git a/components/dashboard/recurring-expenses-widget.tsx b/components/dashboard/recurring-expenses-widget.tsx
index 5fb3218..9aad04c 100644
--- a/components/dashboard/recurring-expenses-widget.tsx
+++ b/components/dashboard/recurring-expenses-widget.tsx
@@ -37,12 +37,12 @@ export function RecurringExpensesWidget({
           return (
             <li
               key={expense.id}
-              className="flex items-start gap-3 border-b border-dashed pb-2 last:border-b-0 last:pb-0"
+              className="flex items-center gap-3 border-b border-dashed pb-2 last:border-b-0 last:pb-0"
             >
               <EstabelecimentoLogo name={expense.name} size={38} />
 
               <div className="min-w-0 flex-1">
-                <div className="flex items-center justify-between gap-2">
+                <div className="flex items-center justify-between">
                   <p className="truncate text-foreground text-sm font-medium">
                     {expense.name}
                   </p>
@@ -50,11 +50,11 @@ export function RecurringExpensesWidget({
                   <MoneyValues amount={expense.amount} />
                 </div>
 
-                <div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+                <div className="flex items-center justify-between text-xs text-muted-foreground">
                   <span className="inline-flex items-center gap-1">
                     {expense.paymentMethod}
                   </span>
-                  -<span>{formatOccurrences(expense.recurrenceCount)}</span>
+                  <span>{formatOccurrences(expense.recurrenceCount)}</span>
                 </div>
               </div>
             </li>