diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index 97d8fe4729..cffca523d7 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1035,9 +1035,9 @@
         <div class="property">
             <div class="label">Position</div>
             <div class="value">
-                <div class="input-area">X <br><input class="coord" type='number' id="property-pos-x"></div>
-                <div class="input-area">Y <br><input class="coord" type='number' id="property-pos-y"></div>
-                <div class="input-area">Z <br><input class="coord" type='number' id="property-pos-z"></div>
+                <div class="input-area ">X<input class="coord" type='number' id="property-pos-x"><div class="prop-x"></div></div>
+                <div class="input-area ">Y<input class="coord" type='number' id="property-pos-y"><div class="prop-y"></div></div>
+                <div class="input-area ">Z<input class="coord" type='number' id="property-pos-z"><div class="prop-z"></div></div>
                 <div>
                     <input type="button" id="move-selection-to-grid" value="Selection to Grid">
                     <input type="button" id="move-all-to-grid" value="All to Grid">
@@ -1048,18 +1048,18 @@
         <div class="property">
             <div class="label">Registration</div>
             <div class="value">
-                <div class="input-area">X <input class="coord" type='number' id="property-reg-x"></div>
-                <div class="input-area">Y <input class="coord" type='number' id="property-reg-y"></div>
-                <div class="input-area">Z <input class="coord" type='number' id="property-reg-z"></div>
+                <div class="input-area">X <input class="coord" type='number' id="property-reg-x"><div class="prop-x"></div></div>
+                <div class="input-area">Y <input class="coord" type='number' id="property-reg-y"><div class="prop-y"></div></div>
+                <div class="input-area">Z <input class="coord" type='number' id="property-reg-z"><div class="prop-z"></div></div>
             </div>
         </div>
 
         <div class="property">
             <div class="label">Dimensions</div>
             <div class="value">
-                <div class="input-area">X <input class="coord" type='number' id="property-dim-x"></div>
-                <div class="input-area">Y <input class="coord" type='number' id="property-dim-y"></div>
-                <div class="input-area">Z <input class="coord" type='number' id="property-dim-z"></div>
+                <div class="input-area">X <input class="coord" type='number' id="property-dim-x"><div class="prop-x"></div></div>
+                <div class="input-area">Y <input class="coord" type='number' id="property-dim-y"><div class="prop-y"></div></div>
+                <div class="input-area">Z <input class="coord" type='number' id="property-dim-z"><div class="prop-z"></div></div>
                 <div>
                     <input type="button" id="reset-to-natural-dimensions" value="Reset to Natural Dimensions">
                 </div>
@@ -1123,9 +1123,9 @@
         <div class="property">
             <div class="label">Linear Velocity</div>
             <div class="value">
-                <div class="input-area">X <input class="coord" type='number' id="property-lvel-x"></div>
-                <div class="input-area">Y <input class="coord" type='number' id="property-lvel-y"></div>
-                <div class="input-area">Z <input class="coord" type='number' id="property-lvel-z"></div>
+                <div class="input-area">X <input class="coord" type='number' id="property-lvel-x"><div class="prop-x"></div></div>
+                <div class="input-area">Y <input class="coord" type='number' id="property-lvel-y"><div class="prop-y"></div></div>
+                <div class="input-area">Z <input class="coord" type='number' id="property-lvel-z"><div class="prop-z"></div></div>
             </div>
         </div>
         <div class="property">
@@ -1164,18 +1164,18 @@
         <div class="property">
             <div class="label">Gravity</div>
             <div class="value">
-                <div class="input-area">X <input class="coord" type='number' id="property-grav-x"></div>
-                <div class="input-area">Y <input class="coord" type='number' id="property-grav-y"></div>
-                <div class="input-area">Z <input class="coord" type='number' id="property-grav-z"></div>
+                <div class="input-area">X <input class="coord" type='number' id="property-grav-x"><div class="prop-x"></div></div>
+                <div class="input-area">Y <input class="coord" type='number' id="property-grav-y"><div class="prop-y"></div></div>
+                <div class="input-area">Z <input class="coord" type='number' id="property-grav-z"><div class="prop-z"></div></div>
             </div>
         </div>
 
         <div class="property">
             <div class="label">Acceleration</div>
             <div class="value">
-                <div class="input-area">X <input class="coord" type='number' id="property-lacc-x"></div>
-                <div class="input-area">Y <input class="coord" type='number' id="property-lacc-y"></div>
-                <div class="input-area">Z <input class="coord" type='number' id="property-lacc-z"></div>
+                <div class="input-area">X <input class="coord" type='number' id="property-lacc-x"><div class="prop-x"></div></div>
+                <div class="input-area">Y <input class="coord" type='number' id="property-lacc-y"><div class="prop-y"></div></div>
+                <div class="input-area">Z <input class="coord" type='number' id="property-lacc-z"><div class="prop-z"></div></div>
             </div>
         </div>
 
diff --git a/examples/html/style.css b/examples/html/style.css
index 3614ea821b..5b794cbfec 100644
--- a/examples/html/style.css
+++ b/examples/html/style.css
@@ -75,6 +75,7 @@ body {
     height: 22.5pt;
 }
 
+
 .property-section label {
     font-weight: bold;
 }
@@ -342,3 +343,21 @@ input#property-name {
 	margin: 5px;
 	border: 1px solid white;
 }
+
+.prop-x {
+    color:red !important;
+    background: rgba(255, 0, 0, .9);
+    height:2px !important;
+}
+
+.prop-y {
+    color:green !important;
+    background: rgba(0, 255, 0, .9);
+    height:2px !important;
+}
+
+.prop-z{
+    color:blue !important;
+    background: rgba(0, 0, 255, .9);
+    height:2px !important;
+}