diff --git a/site/src/routes/guide/index.html b/site/src/routes/guide/index.html
index 34db34f5c9..0859871fdd 100644
--- a/site/src/routes/guide/index.html
+++ b/site/src/routes/guide/index.html
@@ -155,6 +155,7 @@
 		font-size: var(--h3);
 		color: var(--second);
 		padding: 6.4rem 0 1.6rem 0;
+		background: transparent;
 	}
 
 	.content :global(.icon) {
diff --git a/site/src/routes/index.html b/site/src/routes/index.html
index cee9d4792b..6c8820ff9e 100644
--- a/site/src/routes/index.html
+++ b/site/src/routes/index.html
@@ -212,7 +212,7 @@
 	</div>
 
 	<iframe
-		title="Hello world example"
+		title="Scope styles example"
 		src="/repl/embed?demo=homepage-demo-scoped-styles"
 		scrolling="no"
 	></iframe>
@@ -224,7 +224,7 @@
 	</div>
 
 	<iframe
-		title="Hello world example"
+		title="Reactivity example"
 		src="/repl/embed?demo=homepage-demo-reactivity"
 		scrolling="no"
 	></iframe>
@@ -236,7 +236,7 @@
 	</div>
 
 	<iframe
-		title="Hello world example"
+		title="Transitions example"
 		src="/repl/embed?demo=homepage-demo-transitions"
 		scrolling="no"
 	></iframe>
diff --git a/site/static/global.css b/site/static/global.css
index 9380da9007..7ac2a773d2 100644
--- a/site/static/global.css
+++ b/site/static/global.css
@@ -408,11 +408,12 @@ a:hover > .icon { stroke: var(--flash) }
 .listify ul > li:before {
 	content: '';
 	position: absolute;
-	margin-top: 1.4rem;
-	margin-left: calc(var(--list-padding) * -1);
-	background-color: currentColor;
-	width: .8em;
-	height: .2rem;
+	margin-top: 1.1rem;
+	margin-left: -1.8rem;
+	background-color: var(--second);
+	width: .8rem;
+	height: 0.8rem;
+	border-radius: 2px;
 }
 
 .listify ol { list-style: decimal }