Ajusta widgets do dashboard

src/features/dashboard/components/widgets/category-trends-widget.tsx

@@ -81,17 +81,20 @@ export function CategoryTrendsWidget({
 									</span>
 								</p>
 							</div>
-							<PercentageChangeIndicator
-								value={change}
-								label={formatPercentage(change, {
-									absolute: true,
-									minimumFractionDigits: 0,
-									maximumFractionDigits: 0,
-								})}
-								positiveTrend="down"
-								className="shrink-0 text-sm font-semibold"
-								iconClassName="size-3.5"
-							/>
+							<span className="flex shrink-0 items-center gap-1 text-xs text-muted-foreground">
+								<PercentageChangeIndicator
+									value={change}
+									label={formatPercentage(change, {
+										absolute: true,
+										minimumFractionDigits: 0,
+										maximumFractionDigits: 0,
+									})}
+									positiveTrend="down"
+									className="text-sm font-semibold"
+									iconClassName="size-3.5"
+								/>
+								<span>vs. mês ant.</span>
+							</span>
 						</div>
 					</li>
 				);

src/features/dashboard/components/widgets/my-accounts-widget.tsx

@@ -144,7 +144,7 @@ export function MyAccountsWidget({
 									className="flex items-center justify-between py-1.5 transition-all duration-300"
 								>
 									<div className="flex min-w-0 flex-1 items-center gap-2 py-1">
-										<div className="relative flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-full bg-primary/10">
+										<div className="relative flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-full">
 											{logoSrc ? (
 												<Image
 													src={logoSrc}