diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index dd75b531fe..c58427ba2c 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -393,6 +393,21 @@ input[type=button].red:active {
 }
 
 
+::-webkit-scrollbar {
+    width: 10px;
+}
+ 
+::-webkit-scrollbar-track {
+    background-color: #2e2e2e;
+}
+ 
+::-webkit-scrollbar-thumb {
+    background-color: #696969;
+    border: 2px solid #2e2e2e;
+    border-radius: 8px;
+}
+
+
 #entity-list-header {
     margin-bottom: 24px;
 }
@@ -478,7 +493,7 @@ input[type=button].red:active {
 
 #entity-table thead {
     position: absolute;
-    top: 52px; /* 24px below search field and 28px for header */
+    top: 49px;
     left: 0;
     width: 100%;
 }
@@ -489,7 +504,7 @@ input[type=button].red:active {
 
 #entity-table tfoot {
     position: absolute;
-    bottom: -17px;
+    bottom: -21px;
     left: 0;
     width: 100%;
 }
diff --git a/examples/html/entityList.html b/examples/html/entityList.html
index 72fa7c7558..30955ff9bb 100644
--- a/examples/html/entityList.html
+++ b/examples/html/entityList.html
@@ -252,7 +252,7 @@
 
               function resize() {
                   // Take up available window space
-                  elEntityTableScroll.style.height = window.innerHeight - 218;
+                  elEntityTableScroll.style.height = window.innerHeight - 232;
 
                   // Update the widths of the header cells to match the body
                   var tds = document.querySelectorAll("#entity-table-body tr:first-child td");