diff --git a/apps/ssb.json b/apps/ssb.json
index abce876a..41c7a9e2 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&W98iW3aUxCvTQovPohAd500SpJyOEwsVPDe4hoHaVMg=.sha256"
+	"previous": "&sR39JhvUCRlOv7hdEWV81RWWkyoPGLg6u4w+BfqUE9s=.sha256"
 }
diff --git a/apps/ssb/index.html b/apps/ssb/index.html
index 92dd8764..a7220ebc 100644
--- a/apps/ssb/index.html
+++ b/apps/ssb/index.html
@@ -10,7 +10,7 @@
 			}
 		</style>
 	</head>
-	<body style="margin: 0; padding: 0; background: #000">
+	<body style="margin: 0; padding: 0">
 		<tf-app/>
 		<script>
 			window.litDisableBundleWarning = true;
diff --git a/apps/ssb/tf-app.js b/apps/ssb/tf-app.js
index 402482f9..0226cbc6 100644
--- a/apps/ssb/tf-app.js
+++ b/apps/ssb/tf-app.js
@@ -352,7 +352,7 @@ class TfElement extends LitElement {
 		};
 
 		let tabs = html`
-			<div class="w3-bar w3-theme-l1 min-height: 100%">
+			<div class="w3-bar w3-theme-l1">
 				${Object.entries(k_tabs).map(
 					([k, v]) => html`
 						<button
@@ -375,12 +375,14 @@ class TfElement extends LitElement {
 				: html`<div>Select or create an identity.</div>`
 			: this.render_tab();
 		return html`
-			<div style="padding: 8px" class="w3-theme-dark">
-				${this.render_id_picker()} ${tabs}
-				${this.tags.map(
-					(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
-				)}
-				${contents}
+			<div style="width: 100vw; min-height: 100vh; height: 100%" class="w3-theme-dark">
+				<div style="padding: 8px">
+					${this.render_id_picker()} ${tabs}
+					${this.tags.map(
+						(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
+					)}
+					${contents}
+				</div>
 			</div>
 		`;
 	}
