diff --git a/examples/html/entityList.html b/examples/html/entityList.html
index 01061f1eb0..bbfa4d81b8 100644
--- a/examples/html/entityList.html
+++ b/examples/html/entityList.html
@@ -168,14 +168,16 @@
     </script>
 </head>
 <body onload='loaded();'>
-    <div>
+    <div id="entity-list-header">
         <input type="button" id="refresh" value="Refresh"></button>
         <input type="button" id="teleport" value="Teleport"></button>
         <input type="button" id="delete" style="background-color: rgb(244, 64, 64); float: right" value="Delete"></button>
     </div>
 
     <div id="entity-list">
-        <input type="text" class="search" id="filter" placeholder="Filter" />
+        <div id="search-area">
+            <input type="text" class="search" id="filter" placeholder="Filter" />
+        </div>
         <table id="entity-table">
             <thead>
                 <tr>
diff --git a/examples/html/style.css b/examples/html/style.css
index 8b52447ea2..7177b8c8ba 100644
--- a/examples/html/style.css
+++ b/examples/html/style.css
@@ -86,6 +86,20 @@ input[type=button] {
     font-weight: bold;
 }
 
+#entity-list-header {
+    padding: 0.5em;
+}
+
+#search-area {
+    width: 100%;
+    padding: 0.5em;
+    box-sizing: border-box;
+}
+
+#search-area input {
+    width: 100%;
+}
+
 textarea, input {
     margin: 0;
     padding: 1.5pt;
@@ -120,6 +134,7 @@ table#entity-table {
 }
 
 #entity-table tr.selected {
+    color: rgb(43, 43, 43);
     background-color: #AAA;
 }
 
