ssb: Every now and then I load in Chrome and see everywhere I used overflow: scroll when I wanted overflow: auto.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&v4G7UquiGKOEeMGY8UWUyy3cjwHx86/3EU256uvi4Es=.sha256"
+	"previous": "&kFNqVE6d7Aea40DfbB5IaU09p97V0GnM+vK1w+yU9wM=.sha256"
 }

apps/ssb/tf-app.js

@@ -559,7 +559,7 @@ class TfElement extends LitElement {
 				class="w3-theme-dark"
 			>
 				<div style="flex: 0 0">${tabs}</div>
-				<div style="flex: 1 1; overflow: scroll; contain: layout">
+				<div style="flex: 1 1; overflow: auto; contain: layout">
 					${contents}
 				</div>
 			</div>

apps/ssb/tf-message.js

@@ -475,7 +475,7 @@ class TfMessageElement extends LitElement {
 			</style>
 			<div
 				class="w3-card-4 ${this.class_background()} w3-border-theme w3-margin"
-				style="overflow: scroll; overflow-wrap: anywhere; display: block; max-width: 100%"
+				style="overflow: auto; overflow-wrap: anywhere; display: block; max-width: 100%"
 			>
 				${inner}
 			</div>

apps/ssb/tf-tab-news.js

@@ -234,7 +234,7 @@ class TfTabNewsElement extends LitElement {
 		return html`
 			${this.render_sidebar()}
 			<div
-				style="margin-left: 2in; padding: 0px; top: 0; max-height: 100%; overflow: scroll"
+				style="margin-left: 2in; padding: 0px; top: 0; max-height: 100%; overflow: auto"
 				id="main"
 				class="w3-main"
 			>