diff --git a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
index c2fb0810a..9d4bad68f 100644
--- a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
+++ b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
@@ -130,19 +130,25 @@ type: text/vnd.tiddlywiki
 	}
 }
 
-@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
-
-	.tc-flex-columns {
-		display: flex;
-		gap: 1em;
-	}
-
-	.tc-flex-columns.tc-flex-columns-2 > div {
-		width: 50%;
-	}
-
+.tc-grid-columns {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
+	gap: 1em;
+	width: 100%; /* Ensures container stretches fully */
 }
 
+.tc-grid-columns.tc-grid-columns-2 > div {
+	border-radius: 1em;
+	padding: 1em;
+	background-color: <<colour alert-background>>;
+}
+
+.tc-grid-columns.tc-grid-columns-2 > div:nth-child(odd) {
+	color: <<colour diff-delete-foreground>>;
+	background-color: <<colour diff-delete-background>>;
+}
+
+
 .tc-saving-sidebar-category { margin-bottom:10px; }
 .tc-saving-sidebar-category-title { margin-bottom:5px; font-weight:bold; }
 .tc-saving-sidebar-category-item { margin-left:10px; white-space:nowrap; }