diff --git a/apps/ssb.json b/apps/ssb.json
index bc7336505..b9eb5b7e2 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&LZizSyrgaKYbjRKj2FfmnCTnkB39ndQ9AVWVC4o3AQk=.sha256"
+	"previous": "&v4G7UquiGKOEeMGY8UWUyy3cjwHx86/3EU256uvi4Es=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index c1db855ef..c6526ed2b 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -749,7 +749,7 @@ class TfMessageElement extends LitElement {
 				);
 			} else if (content.type === 'channel') {
 				return this.render_small_frame(html`
-					<div>
+					<div class="w3-container">
 						${content.subscribed ? 'subscribed to' : 'unsubscribed from'}
 						<a href=${'#' + encodeURIComponent('#' + content.channel)}
 							>#${content.channel}</a
diff --git a/apps/ssb/tf-tag.js b/apps/ssb/tf-tag.js
index 91ba388ff..ed7e4f887 100644
--- a/apps/ssb/tf-tag.js
+++ b/apps/ssb/tf-tag.js
@@ -19,9 +19,9 @@ class TfTagElement extends LitElement {
 		let number = this.count ? html` (${this.count})` : undefined;
 		return html`<a
 			href=${'#' + encodeURIComponent(this.tag)}
-			style="display: inline-block; margin: 3px; border: 1px solid black; background-color: #444; padding: 4px; border-radius: 3px"
+			class="w3-tag w3-theme-d1 w3-round-4 w3-button"
 			>${this.tag}${number}</a
-		>`;
+		> `;
 	}
 }