diff --git a/css-ui-4/Overview.bs b/css-ui-4/Overview.bs
index a6e2a358e19..f2a50b01c97 100644
--- a/css-ui-4/Overview.bs
+++ b/css-ui-4/Overview.bs
@@ -1413,7 +1413,7 @@ Shape of the insertion caret: 'caret-shape'</h4>
 		<pre contentEditable=true style="background: black; color: white; font-family: monospace; padding: 1ex; caret-shape: underscore;">
 		user@host:css-ui-4 $ ls -a
 		. .. Overview.bs Overview.html
-		user@host:css-ui-4 $
+		user@host:css-ui-4 $&nbsp;
 		</pre>
 	</div>
 
@@ -1462,10 +1462,14 @@ Shape of the insertion caret: 'caret-shape'</h4>
 			white-space: pre;
 			background: repeating-linear-gradient(#030 0px, #030 1px, #020 1px, #020 3px);
 		}
+
+		.old-screen[contentEditable] {
+			caret: block manual;
+			animation: caret-old 2s  infinite;
+		}
 		.old-screen span {
 			display:inline-block;
 			white-space: pre;
-			caret: block manual;
 			animation: caret-old-ref 2s  infinite;
 
 		}
@@ -1473,6 +1477,10 @@ Shape of the insertion caret: 'caret-shape'</h4>
 			from, 50% { background-color: green; }
 			75%, to { background-color: transparent; }
 		}
+		@keyframes caret-old {
+			from, 50% { caret-color: green; }
+			75%, to { caret-color: transparent; }
+		}
 		</style>
 		<div class="old-screen" style="height: 100px">&gt; <span>&nbsp;</span></div>