diff --git a/demo/client.ts b/demo/client.ts
index 977bcfd8..cafbcd0b 100644
--- a/demo/client.ts
+++ b/demo/client.ts
@@ -149,7 +149,7 @@ if (document.location.pathname === '/test') {
   document.getElementById('serialize').addEventListener('click', serializeButtonHandler);
   document.getElementById('custom-glyph').addEventListener('click', writeCustomGlyphHandler);
   document.getElementById('load-test').addEventListener('click', loadTest);
-  document.getElementById('decoration').addEventListener('click', addDecoration);
+  document.getElementById('add-decoration').addEventListener('click', addDecoration);
 }
 
 function createTerminal(): void {
@@ -531,4 +531,4 @@ function addDecoration() {
   const marker = term.addMarker(1);
   const decoration = term.registerDecoration({ marker });
   decoration.element.style.backgroundColor = 'red';
-}
\ No newline at end of file
+}
diff --git a/demo/index.html b/demo/index.html
index 24ee68b5..aa28000b 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -64,7 +64,7 @@
             <button id="dispose" title="This is used to testing memory leaks">Dispose terminal</button>
             <button id="custom-glyph" title="Write custom box drawing and block element characters to the terminal">Test custom glyphs</button>
             <button id="load-test" title="Write several MB of data to simulate a lot of data coming from the process">Load test</button>
-            <button id="decoration" title="Add a decoration to the terminal">Decoration</button>
+            <button id="add-decoration" title="Add a decoration to the terminal">Decoration</button>
           </div>
         </div>
       </div>