diff --git a/examples/wifi-router-dashboard/web_root/main.js b/examples/wifi-router-dashboard/web_root/main.js
index e1aa1941..86988187 100644
--- a/examples/wifi-router-dashboard/web_root/main.js
+++ b/examples/wifi-router-dashboard/web_root/main.js
@@ -1,7 +1,7 @@
 'use strict';
 import { h, render, useState, useEffect, useRef, html, Router } from  './bundle.js';
 
-const Logo = props => html`<svg class=${props.class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.37 13.35"><defs><style>.l-cls-1{fill:none;stroke:#4b89c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="l-cls-1" d="M12.87,2.07V9.16a1.58,1.58,0,0,1-1.58,1.57H4.21a1.44,1.44,0,0,1-1-.37.69.69,0,0,1-.13-.11L3,10.13a.81.81,0,0,1-.15-.48V5.82A.87.87,0,0,1,3.7,5H5V7.53a.86.86,0,0,0,.86.85H9.67a.85.85,0,0,0,.85-.85V3.7a.86.86,0,0,0-.14-.47.76.76,0,0,0-.11-.14.29.29,0,0,0-.12-.1,1.49,1.49,0,0,0-1-.37H2.64V2.07A1.57,1.57,0,0,1,4.21.5h7.08A1.57,1.57,0,0,1,12.87,2.07Z"/><path class="l-cls-1" d="M10.73,10.73v.55a1.58,1.58,0,0,1-1.58,1.57H2.07A1.57,1.57,0,0,1,.5,11.28V4.19A1.57,1.57,0,0,1,2.07,2.62H9.15a1.49,1.49,0,0,1,1,.37l.12.1a.76.76,0,0,1,.11.14.86.86,0,0,1,.14.47V7.53a.85.85,0,0,1-.85.85H8.38V5.82A.86.86,0,0,0,7.53,5H3.7a.87.87,0,0,0-.86.86V9.65a.81.81,0,0,0,.15.48l.1.12a.69.69,0,0,0,.13.11,1.44,1.44,0,0,0,1,.37Z"/></g></g></svg> `;
+const Logo = props => html`<svg class=${props.class} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.87 12.85"><defs><style>.ll-cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:0.5px;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="ll-cls-1" d="M12.62,1.82V8.91A1.58,1.58,0,0,1,11,10.48H4a1.44,1.44,0,0,1-1-.37A.69.69,0,0,1,2.84,10l-.1-.12a.81.81,0,0,1-.15-.48V5.57a.87.87,0,0,1,.86-.86H4.73V7.28a.86.86,0,0,0,.86.85H9.42a.85.85,0,0,0,.85-.85V3.45A.86.86,0,0,0,10.13,3,.76.76,0,0,0,10,2.84a.29.29,0,0,0-.12-.1,1.49,1.49,0,0,0-1-.37H2.39V1.82A1.57,1.57,0,0,1,4,.25H11A1.57,1.57,0,0,1,12.62,1.82Z"/><path class="ll-cls-1" d="M10.48,10.48V11A1.58,1.58,0,0,1,8.9,12.6H1.82A1.57,1.57,0,0,1,.25,11V3.94A1.57,1.57,0,0,1,1.82,2.37H8.9a1.49,1.49,0,0,1,1,.37l.12.1a.76.76,0,0,1,.11.14.86.86,0,0,1,.14.47V7.28a.85.85,0,0,1-.85.85H8.13V5.57a.86.86,0,0,0-.85-.86H3.45a.87.87,0,0,0-.86.86V9.4a.81.81,0,0,0,.15.48l.1.12a.69.69,0,0,0,.13.11,1.44,1.44,0,0,0,1,.37Z"/></g></g></svg>`;
 
 const IconHeart = props => html`<svg class=${props.class} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>`;
 const IconDownArrowBox = props => html`<svg class=${props.class} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15M9 12l3 3m0 0l3-3m-3 3V2.25" /> </svg>`;