diff --git a/public/demo/dxf_6.html b/public/demo/dxf_6.html
index 0905545..e9138ce 100644
--- a/public/demo/dxf_6.html
+++ b/public/demo/dxf_6.html
@@ -18,12 +18,12 @@
             left: 50px;
             top: 40px;
         }
-        .markup-toolbar {
+        .hotpoint-toolbar {
             position: absolute;
             right: 60px;
             top: 10%;
         }
-        .markup-toolbar-btn {
+        .hotpoint-toolbar-btn {
             min-width: 50px;
             height: 30px;
             cursor: pointer;
@@ -95,9 +95,9 @@
 <body>
     <div id="viewerContainer">
         <div id="myCanvas" class="renderer-container"></div>
-        <div class="markup-toolbar">
-            <button id="AddHotpoint" class="markup-toolbar-btn">Add hotpoint</button>
-            <button id="ClearHotpoints" class="markup-toolbar-btn" title="Clear all hotpoints">Clear</button>
+        <div class="hotpoint-toolbar">
+            <button id="AddHotpoint" class="hotpoint-toolbar-btn">Add hotpoint</button>
+            <button id="ClearHotpoints" class="hotpoint-toolbar-btn" title="Clear all hotpoints">Clear</button>
         </div>
     </div>
     <script type="module">
