diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index 485312eb79..a403b6bed7 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -908,6 +908,13 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
     margin-top: 0;
 }
 
+#id label {
+    width: 24px;
+}
+#property-id {
+    display: inline-block;
+}
+
 #property-id::selection {
     color: #000000;
     background-color: #00b4ef;
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index ed60411b57..63fa163dd3 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1334,10 +1334,6 @@
             </div>
         </div>
         <hr />
-        <div id="id" class="property value">
-            <label>ID:</label>
-            <span id="property-id" class="selectable"></span>
-        </div>
         <div class="property text">
             <label for="property-name">Name</label>
             <input type="text" id="property-name">
@@ -1346,6 +1342,10 @@
             <label for="property-user-data">User data</label>
             <textarea id="property-user-data"></textarea>
         </div>
+        <div id="id" class="property value">
+            <label>ID:</label>
+            <span id="property-id" class="selectable"></span>
+        </div>
 
 
         <div class="section-header hyperlink-group hyperlink-section">