diff --git a/gui/src/index.html b/gui/src/index.html
index f0aed4d7..a0ee9c96 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -2274,7 +2274,83 @@
 
 
       </div>
-      <div class="tab-pane fade" id="list-logger" role="tabpanel" aria-labelledby="list-logger-list">...</div>
+      <div class="tab-pane fade" id="list-logger" role="tabpanel" aria-labelledby="list-logger-list">
+        <div class="container">
+              <nav class="navbar fixed-top bg-light">
+      <div class="container-fluid">
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_info"
+          autocomplete="off"
+          checked
+        />
+        <label class="btn btn-outline-info" for="enable_filter_info"
+          >info</label
+        >
+
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_debug"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-primary" for="enable_filter_debug"
+          >debug</label
+        >
+
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_warning"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-warning" for="enable_filter_warning"
+          >warning</label
+        >
+
+        <input
+          type="checkbox"
+          class="btn-check"
+          id="enable_filter_error"
+          autocomplete="off"
+        />
+        <label class="btn btn-outline-danger" for="enable_filter_error"
+          >error</label
+        >
+      </div>
+    </nav>
+
+    <div class="container-fluid mt-5">
+      <div class="tableFixHead">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th scope="col">Timestamp</th>
+              <th scope="col">Type</th>
+              <th scope="col">Area</th>
+              <th scope="col">Log entry</th>
+            </tr>
+          </thead>
+          <tbody id="log">
+            <!--
+                     <tr>
+                       <th scope="row">1</th>
+                       <td>Mark</td>
+                       <td>Otto</td>
+                       <td>@mdo</td>
+                     </tr>
+                         -->
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+
+        </div>
+
+
+      </div>
       <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">
 
         <div class="container">