diff --git a/internal/template/transaction/transaction.templ b/internal/template/transaction/transaction.templ
index bb48a56..cf10e88 100644
--- a/internal/template/transaction/transaction.templ
+++ b/internal/template/transaction/transaction.templ
@@ -224,15 +224,9 @@ templ EditTransaction(transaction *types.Transaction, accounts []*types.Account,
 }
 
 templ TransactionItem(transaction *types.Transaction, accounts, treasureChests map[uuid.UUID]string) {
-	{{
-		background := ""
-		if transaction.Error != nil {
-			background = ""
-		}
-	}}
 	<div
 		id="transaction"
-		class={ "grid" + background }
+		class="grid grid-cols-[1fr_auto]"
 		if transaction.Error != nil {
 			title={ *transaction.Error }
 		}
@@ -267,7 +261,7 @@ templ TransactionItem(transaction *types.Transaction, accounts, treasureChests m
 			hx-get={ "/transaction/" + transaction.Id.String() + "?edit=true" }
 			hx-target="closest #transaction"
 			hx-swap="outerHTML"
-			class=""
+			class="flex items-center gap-2"
 		>
 			@svg.Edit()
 			Edit
@@ -277,7 +271,7 @@ templ TransactionItem(transaction *types.Transaction, accounts, treasureChests m
 			hx-target="closest #transaction"
 			hx-swap="outerHTML"
 			hx-confirm="Are you sure you want to delete this transaction?"
-			class=""
+			class="flex items-center gap-2"
 		>
 			@svg.Delete()
 			Delete