diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index dea94c5cf3..88d5203c5c 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -256,6 +256,7 @@ input[type="number"]::-webkit-inner-spin-button:active {
 input[type=button] {
     font-family: Raleway-Bold;
     font-size: 13px;
+    text-transform: uppercase;
     vertical-align: top;
     height: 28px;
     min-width: 120px;
@@ -272,6 +273,7 @@ input[type=button] {
 input[type=button].glyph {
     font-family: HiFi-Glyphs;
     font-size: 20px;
+    text-transform: none;
     min-width: 34px;
     padding: 0;
 }
diff --git a/examples/html/entityList.html b/examples/html/entityList.html
index 30955ff9bb..dabfa7dbc1 100644
--- a/examples/html/entityList.html
+++ b/examples/html/entityList.html
@@ -273,8 +273,8 @@
 <body onload='loaded();'>
     <div id="entity-list-header">
         <input type="button" class="glyph" id="refresh" value="F" />
-        <input type="button" id="teleport" value="JUMP TO SELECTION" />
-        <input type="button" class="red" id="delete" value="DELETE" />
+        <input type="button" id="teleport" value="Jump To Selection" />
+        <input type="button" class="red" id="delete" value="Delete" />
     </div>
 
     <div id="entity-list">
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index af7a592b92..3d66700166 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -502,10 +502,10 @@
                     element.getElementsByTagName("span")[0].textContent = collapsed ? "L" : "M";
                 };
 
-                var elCollapsible = document.getElementsByClassName("collapsible");
+                var elCollapsible = document.getElementsByClassName("section-header");
                 for (var i = 0, length = elCollapsible.length; i < length; i++) {
                     var element = elCollapsible[i];
-                    addEventListener("click", toggleCollapsedEvent);
+                    element.addEventListener("click", toggleCollapsedEvent, true);
                 };
 
                 if (window.EventBridge !== undefined) {
@@ -1107,7 +1107,6 @@
                 }
             });
         }
-
     </script>
 </head>
 
diff --git a/examples/html/gridControls.html b/examples/html/gridControls.html
index 8be80ca97f..7040379070 100644
--- a/examples/html/gridControls.html
+++ b/examples/html/gridControls.html
@@ -126,7 +126,7 @@
     <div id="grid-section">
 
         <div class="section-header">
-            <label>EDITING GRID</label>
+            <label>Editing Grid</label>
         </div>
 
         <div class="property checkbox">
@@ -135,7 +135,7 @@
         </div>
 
         <div class="property checkbox">
-            <input type='checkbox' id="snap-to-grid">
+            <input type="checkbox" id="snap-to-grid">
             <label for="snap-to-grid">Snap entities to grid</label>
         </div>
 
@@ -168,8 +168,8 @@
 
         <div class="property">
             <span>
-                <input type="button" id="move-to-selection" value="ALIGN TO SELECTION">
-                <input type="button" id="move-to-avatar" value="ALIGN TO AVATAR">
+                <input type="button" id="move-to-selection" value="Align To Selection">
+                <input type="button" id="move-to-avatar" value="Align To Avatar">
            </span>
         </div>
     </div>
