diff --git a/api/assets/style.css b/api/assets/style.css
index 61c79eb..bce9cff 100644
--- a/api/assets/style.css
+++ b/api/assets/style.css
@@ -58,6 +58,10 @@
   font-family: Inter;
 }
 
+a {
+  all: unset;
+}
+
 body {
   text-transform: uppercase;
   margin: 0;
@@ -106,6 +110,7 @@ body.dark {
   width: 50%;
   max-height: 18px;
   margin-bottom: 12px;
+  cursor: pointer;
 }
 
 #live {
@@ -1030,6 +1035,10 @@ body.dark .tx-id-block-copy svg path {
     min-width: 0px;
   }
 
+  .tr>.end {
+    display: none;
+  }
+
   .tx-id-block-value {
     margin-bottom: 10px;
   }
diff --git a/api/templates/index.templ b/api/templates/index.templ
index 8883224..7fc2bf8 100644
--- a/api/templates/index.templ
+++ b/api/templates/index.templ
@@ -99,8 +99,8 @@ templ Table(events []model.Event, query url.Values) {
 }
 
 templ Row(e model.Event) {
-	<div id={ e.TxID } class="tr" hx-get={ "/tx/" + e.TxID } hx-trigger="click" sse-swap={ e.TxID } hx-swap="outerHTML">
-		<div class="left">
+	<div id={ e.TxID } class="tr" sse-swap={ e.TxID } hx-swap="outerHTML">
+		<a class="left" { txLinkAttrs(e.TxID)... }>
 			<div class="td">
 				<div class="mobile-label">State</div>
 				<div>
@@ -111,8 +111,8 @@ templ Row(e model.Event) {
 				<div class="mobile-label">Transaction ID</div>
 				<div>{ e.TxID }</div>
 			</div>
-		</div>
-		<div class="right">
+		</a>
+		<a class="right" { txLinkAttrs(e.TxID)... }>
 			<div class="td">
 				<div class="mobile-label">Prover ID</div>
 				<div>
@@ -128,10 +128,10 @@ templ Row(e model.Event) {
 					<span class="datetime">{ e.Timestamp.Format("03:04 PM, 02/01/06") }</span>
 				</div>
 			</div>
-		</div>
-		<div class="end">
+		</a>
+		<a class="end" { txLinkAttrs(e.TxID)... }>
 			<span class="arrow">→</span>
-		</div>
+		</a>
 	</div>
 }
 
@@ -245,7 +245,7 @@ templ head() {
 
 templ header() {
 	<div id="header">
-		<div id="logo">Gevulot</div>
+		<a id="logo" href="/">Gevulot</a>
 		<div id="live">Live<span class="dot"></span></div>
 		<div id="range">
 			<form
@@ -332,3 +332,13 @@ func formatDuration(d time.Duration) string {
 	second := int(d.Seconds()) % 60
 	return fmt.Sprintf("%02dH:%02dM:%02dS", hour, minute, second)
 }
+
+func txLinkAttrs(txID string) templ.Attributes {
+	return templ.Attributes{
+		"href":       "/tx/" + txID,
+		"hx-trigger": "click",
+		"hx-get":     "/tx/" + txID,
+		"hx-swap":    "outerHTML",
+		"hx-target":  "#table",
+	}
+}
diff --git a/api/templates/index_templ.go b/api/templates/index_templ.go
index 01bba2a..45014c8 100644
--- a/api/templates/index_templ.go
+++ b/api/templates/index_templ.go
@@ -323,23 +323,23 @@ func Row(e model.Event) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"tr\" hx-get=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"tr\" sse-swap=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString("/tx/" + e.TxID))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(e.TxID))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"click\" sse-swap=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"outerHTML\"><a class=\"left\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(e.TxID))
+		templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, txLinkAttrs(e.TxID))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"outerHTML\"><div class=\"left\"><div class=\"td\"><div class=\"mobile-label\">State</div><div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("><div class=\"td\"><div class=\"mobile-label\">State</div><div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -382,7 +382,15 @@ func Row(e model.Event) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div><div class=\"right\"><div class=\"td\"><div class=\"mobile-label\">Prover ID</div><div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></a> <a class=\"right\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, txLinkAttrs(e.TxID))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("><div class=\"td\"><div class=\"mobile-label\">Prover ID</div><div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -431,7 +439,15 @@ func Row(e model.Event) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div></div></div><div class=\"end\"><span class=\"arrow\">→</span></div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div></div></a> <a class=\"end\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, txLinkAttrs(e.TxID))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("><span class=\"arrow\">→</span></a></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -792,7 +808,7 @@ func header() templ.Component {
 			templ_7745c5c3_Var37 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"header\"><div id=\"logo\">Gevulot</div><div id=\"live\">Live<span class=\"dot\"></span></div><div id=\"range\"><form id=\"range-form\" hx-get=\"/api/v1/stats\" hx-trigger=\"load, change, every 5s\" hx-target=\"#stats\" hx-swap=\"outerHTML\"><input type=\"radio\" id=\"1w\" name=\"range\" value=\"1w\" checked=\"checked\"> <label for=\"1w\" class=\"range-selector\">1w</label> <input type=\"radio\" id=\"1m\" name=\"range\" value=\"1m\"> <label for=\"1m\" class=\"range-selector\">1m</label> <input type=\"radio\" id=\"6m\" name=\"range\" value=\"6m\"> <label for=\"6m\" class=\"range-selector\">6m</label> <input type=\"radio\" id=\"1y\" name=\"range\" value=\"1y\"> <label for=\"1y\" class=\"range-selector\">1y</label></form></div><div id=\"search\"><input type=\"text\" id=\"search-input\" placeholder=\"Search\" type=\"text\" name=\"q\" hx-get=\"/api/v1/events\" hx-trigger=\"keyup changed delay:500ms\" hx-target=\"#table\"></div><div id=\"mode\"><div id=\"mode-wrap\" hx-on:click=\"htmx.toggleClass(htmx.find(&#39;body&#39;), &#39;dark&#39;);\"><div id=\"mode-left-wrap\"><span id=\"light-dot\" class=\"dot\"></span> <span id=\"light\">Light</span></div><div id=\"mode-right-wrap\"><span id=\"dark-dot\" class=\"dot\"></span> <span id=\"dark\">Dark</span></div></div></div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"header\"><a id=\"logo\" href=\"/\">Gevulot</a><div id=\"live\">Live<span class=\"dot\"></span></div><div id=\"range\"><form id=\"range-form\" hx-get=\"/api/v1/stats\" hx-trigger=\"load, change, every 5s\" hx-target=\"#stats\" hx-swap=\"outerHTML\"><input type=\"radio\" id=\"1w\" name=\"range\" value=\"1w\" checked=\"checked\"> <label for=\"1w\" class=\"range-selector\">1w</label> <input type=\"radio\" id=\"1m\" name=\"range\" value=\"1m\"> <label for=\"1m\" class=\"range-selector\">1m</label> <input type=\"radio\" id=\"6m\" name=\"range\" value=\"6m\"> <label for=\"6m\" class=\"range-selector\">6m</label> <input type=\"radio\" id=\"1y\" name=\"range\" value=\"1y\"> <label for=\"1y\" class=\"range-selector\">1y</label></form></div><div id=\"search\"><input type=\"text\" id=\"search-input\" placeholder=\"Search\" type=\"text\" name=\"q\" hx-get=\"/api/v1/events\" hx-trigger=\"keyup changed delay:500ms\" hx-target=\"#table\"></div><div id=\"mode\"><div id=\"mode-wrap\" hx-on:click=\"htmx.toggleClass(htmx.find(&#39;body&#39;), &#39;dark&#39;);\"><div id=\"mode-left-wrap\"><span id=\"light-dot\" class=\"dot\"></span> <span id=\"light\">Light</span></div><div id=\"mode-right-wrap\"><span id=\"dark-dot\" class=\"dot\"></span> <span id=\"dark\">Dark</span></div></div></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -872,3 +888,13 @@ func formatDuration(d time.Duration) string {
 	second := int(d.Seconds()) % 60
 	return fmt.Sprintf("%02dH:%02dM:%02dS", hour, minute, second)
 }
+
+func txLinkAttrs(txID string) templ.Attributes {
+	return templ.Attributes{
+		"href":       "/tx/" + txID,
+		"hx-trigger": "click",
+		"hx-get":     "/tx/" + txID,
+		"hx-swap":    "outerHTML",
+		"hx-target":  "#table",
+	}
+}
diff --git a/integrationtests/integration_test.go b/integrationtests/integration_test.go
index 1b3ca6b..111de70 100644
--- a/integrationtests/integration_test.go
+++ b/integrationtests/integration_test.go
@@ -74,7 +74,7 @@ func receiveFirstEvent(t *testing.T) {
 
 	select {
 	case e := <-events:
-		expected := `<div id="0" class="tr" hx-get="/tx/0" hx-trigger="click" sse-swap="0" hx-swap="outerHTML"><div class="left"><div class="td"><div class="mobile-label">State</div><div><span class="tag submitted">submitted</span></div></div><div class="td"><div class="mobile-label">Transaction ID</div><div>0</div></div></div><div class="right"><div class="td"><div class="mobile-label">Prover ID</div><div><span>5678</span></div></div><div class="td"><div class="mobile-label">Time</div><div><span class="datetime">03:04 PM, 02/01/06</span></div></div></div><div class="end"><span class="arrow">→</span></div></div>`
+		expected := `<div id="0" class="tr" sse-swap="0" hx-swap="outerHTML"><a class="left" href="/tx/0" hx-get="/tx/0" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><div class="td"><div class="mobile-label">State</div><div><span class="tag submitted">submitted</span></div></div><div class="td"><div class="mobile-label">Transaction ID</div><div>0</div></div></a> <a class="right" href="/tx/0" hx-get="/tx/0" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><div class="td"><div class="mobile-label">Prover ID</div><div><span>5678</span></div></div><div class="td"><div class="mobile-label">Time</div><div><span class="datetime">03:04 PM, 02/01/06</span></div></div></a> <a class="end" href="/tx/0" hx-get="/tx/0" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><span class="arrow">→</span></a></div>`
 		require.Equal(t, expected, string(e.Data))
 	case <-time.After(time.Second * 5):
 		t.Fatal("timeout")
@@ -103,8 +103,8 @@ func receiveEventsFromBuffer(t *testing.T) {
 	for i := 0; i < expectedEvents; i++ {
 		select {
 		case e := <-events:
-			expected := `<div id="%d" class="tr" hx-get="/tx/%d" hx-trigger="click" sse-swap="%d" hx-swap="outerHTML"><div class="left"><div class="td"><div class="mobile-label">State</div><div><span class="tag submitted">submitted</span></div></div><div class="td"><div class="mobile-label">Transaction ID</div><div>%d</div></div></div><div class="right"><div class="td"><div class="mobile-label">Prover ID</div><div><span>5678</span></div></div><div class="td"><div class="mobile-label">Time</div><div><span class="datetime">03:04 PM, 02/01/06</span></div></div></div><div class="end"><span class="arrow">→</span></div></div>`
-			assert.Equal(t, fmt.Sprintf(expected, i, i, i, i), string(e.Data))
+			expected := `<div id="%d" class="tr" sse-swap="%d" hx-swap="outerHTML"><a class="left" href="/tx/%d" hx-get="/tx/%d" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><div class="td"><div class="mobile-label">State</div><div><span class="tag submitted">submitted</span></div></div><div class="td"><div class="mobile-label">Transaction ID</div><div>%d</div></div></a> <a class="right" href="/tx/%d" hx-get="/tx/%d" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><div class="td"><div class="mobile-label">Prover ID</div><div><span>5678</span></div></div><div class="td"><div class="mobile-label">Time</div><div><span class="datetime">03:04 PM, 02/01/06</span></div></div></a> <a class="end" href="/tx/%d" hx-get="/tx/%d" hx-swap="outerHTML" hx-target="#table" hx-trigger="click"><span class="arrow">→</span></a></div>`
+			assert.Equal(t, fmt.Sprintf(expected, i, i, i, i, i, i, i, i, i), string(e.Data))
 		case <-time.After(time.Second * 5):
 			t.Fatal("timeout")
 		}