diff --git a/18-expenses-chart/main.go b/18-expenses-chart/main.go
index 19c52d0..9ba70a5 100644
--- a/18-expenses-chart/main.go
+++ b/18-expenses-chart/main.go
@@ -20,7 +20,7 @@ func main() {
 			Balance:                    500 + rand.Float32()*1000,
 			Expenses:                   []float32{randomDailyExpense(), randomDailyExpense(), randomDailyExpense(), randomDailyExpense(), randomDailyExpense(), randomDailyExpense(), randomDailyExpense()},
 			TotalThisMonth:             50 + rand.Float32()*600,
-			PercentComparedToLastMonth: 5 * rand.Float32(),
+			PercentComparedToLastMonth: -5 + 10*rand.Float32(),
 		})
 		component.Render(context.Background(), w)
 	})
diff --git a/18-expenses-chart/templates/index.templ b/18-expenses-chart/templates/index.templ
index dac9b43..a50c94e 100644
--- a/18-expenses-chart/templates/index.templ
+++ b/18-expenses-chart/templates/index.templ
@@ -82,8 +82,13 @@ templ spendingSummaryComponent(expenses, percentages []float32, currentDayNum in
 			<div class="grow">
 				<p class="grid items-center text-neutral-dark-brown text-2xl font-bold h-full md:text-4xl md:py-2">$ { fmt.Sprintf("%.2f", totalThisMonth) }</p>
 			</div>
-			<div class="text-right">
-				<p class="text-neutral-dark-brown font-bold">{ fmt.Sprintf("%.2f", percentComparedToLastMonth) }%</p>
+			<div class="text-right grid content-center">
+				<div class="text-neutral-dark-brown font-bold ">
+					if (percentComparedToLastMonth > 0) {
+						<span class="inline">+</span>
+					}
+					{ fmt.Sprintf("%.2f", percentComparedToLastMonth) }%
+				</div>
 				from last month
 			</div>
 		</div>