diff --git a/apps/ssb.json b/apps/ssb.json
index 5a65323d..db051bf1 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&r6gBoGYTO1yQXHLBPut0+iNd3NNFKPO/LXNV+F5+46M=.sha256"
+	"previous": "&YZCzXrfB6j+y0sXF4KspAibwjLsSCaMoB5rdO3mQl+Q=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 38ca8da8..e84035cb 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -431,6 +431,14 @@ class TfMessageElement extends LitElement {
 					>
 						Copy ID
 					</button>
+					${this.drafts[this.message?.id] === undefined ? html`
+						<button class="w3-button w3-bar-item" @click=${this.show_reply}>
+							⮢ Reply
+						</button>
+					` : undefined}
+					<button class="w3-button w3-bar-item w3-border-bottom" @click=${this.react}>
+						👍 React
+					</button>
 					${formats.map(
 						([format, name]) => html`
 							<button
@@ -530,17 +538,10 @@ class TfMessageElement extends LitElement {
 							author=${this.message.author}
 						></tf-compose>
 					`
-				: html`
-						<button class="w3-button w3-theme-d1" @click=${this.show_reply}>
-							Reply
-						</button>
-					`;
+				: undefined;
 		return html`
 			<div class="w3-section w3-container">
 				${reply}
-				<button class="w3-button w3-theme-d1" @click=${this.react}>
-					React
-				</button>
 				${this.render_children()}
 			</div>
 		`;