diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index 63d0cdc69c..f6c39eade6 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -972,6 +972,19 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
     background-position-y: 1px;
 }
 
+#properties-header .checkbox label span {
+    font-family: HiFi-Glyphs;
+    font-size: 20px;
+    padding-right: 6px;
+    vertical-align: top;
+    position: relative;
+    top: -4px;
+}
+
+#properties-header input[type=checkbox]:checked + label span {
+    color: #ffffff;
+}
+
 #properties-header + hr {
     margin-top: 12px;
 }
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index 41981bc4fe..c0b2655749 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1295,11 +1295,11 @@
             </div>
             <div class="property checkbox">
                 <input type="checkbox" id="property-locked">
-                <label for="property-locked">Locked</label>
+                <label for="property-locked"><span>&#xe006;</span>&nbsp;Locked</label>
             </div>
             <div class="property checkbox">
                 <input type="checkbox" id="property-visible">
-                <label for="property-visible">Visible</label>
+                <label for="property-visible"><span>&#xe007;</span>&nbsp;Visible</label>
             </div>
         </div>
         <hr />