diff --git a/demo/client.ts b/demo/client.ts
index b8023f27..2ae649e4 100644
--- a/demo/client.ts
+++ b/demo/client.ts
@@ -547,13 +547,12 @@ function loadTest() {
 function addDecoration() {
   term.options['overviewRulerWidth'] = 15;
   const marker = term.addMarker(1);
-  const decoration = term.registerDecoration({ marker });
+  const decoration = term.registerDecoration({ marker, overviewRulerOptions: { color: '#ef2929'} });
   decoration.onRender((e) => {
     if (e.classList.value === 'xterm-decoration') {
       e.style.backgroundColor = '#ef2929';
     }
   });
-  term.registerDecoration({marker, overviewRulerOptions: { color: '#ef2929'}})
 }
 
 function addOverviewRuler() {