diff --git a/template/account/account.templ b/template/account/account.templ
index 2f6a7d1..d57981f 100644
--- a/template/account/account.templ
+++ b/template/account/account.templ
@@ -85,6 +85,16 @@ templ AccountItem(account *types.Account) {
 			} else {
 				<p class="mr-20 text-green-700">{ displayBalance(account.CurrentBalance) }</p>
 			}
+			<a
+				href={ templ.URL("/transaction?account-id=" + account.Id.String()) }
+				class="button button-neglect px-1 flex items-center gap-2"
+				title="View transactions"
+			>
+				@svg.Eye()
+				<span>
+					View
+				</span>
+			</a>
 			<button
 				hx-get={ "/account/" + account.Id.String() + "?edit=true" }
 				hx-target="closest #account"
diff --git a/template/treasurechest/treasure_chest.templ b/template/treasurechest/treasure_chest.templ
index dcbda2c..d6024bb 100644
--- a/template/treasurechest/treasure_chest.templ
+++ b/template/treasurechest/treasure_chest.templ
@@ -1,10 +1,8 @@
 package treasurechest
 
 import "fmt"
-
 import "spend-sparrow/template/svg"
 import "spend-sparrow/types"
-
 import "github.com/google/uuid"
 
 templ TreasureChest(treasureChests []*types.TreasureChest) {
@@ -109,6 +107,16 @@ templ TreasureChestItem(treasureChest *types.TreasureChest) {
 			} else {
 				<p class="mr-20 text-green-700">{ displayBalance(treasureChest.CurrentBalance) }</p>
 			}
+			<a
+				href={ templ.URL("/transaction?treasure-chest-id=" + treasureChest.Id.String()) }
+				class="button button-neglect px-1 flex items-center gap-2"
+				title="View transactions"
+			>
+				@svg.Eye()
+				<span>
+					View
+				</span>
+			</a>
 			<button
 				hx-get={ "/treasurechest/" + treasureChest.Id.String() + "?edit=true" }
 				hx-target="closest #treasurechest"