diff --git a/README.md b/README.md
index 4b8f7db..deafbae 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
-<p style="text-align: center" >
-    <img src="https://raw.githubusercontent.com/luoxiaozero/melt-ui/main/logo.svg" alt="Melt Logo" style="width: 160px"/>
+<p align="center" >
+    <img src="https://raw.githubusercontent.com/luoxiaozero/melt-ui/main/logo.svg" alt="Melt Logo" width="160px"/>
 </p>
-<h1 style="text-align: center">Melt UI</h1>
-<p style="text-align: center">An easy to use leptos component library</p>
+<h1 align="center">Melt UI</h1>
+<p align="center">An easy to use leptos component library</p>
 
 **The 0.0.x release does not consider API compatibility at this time**
 
diff --git a/demo/index.html b/demo/index.html
index bf63510..631cb5d 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,14 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Melt UI</title>
-    <link data-trunk rel="css" href="./src/assets/css/index.css" />
-    <link data-trunk rel="copy-file" href="./src/assets/svg/grid_dot.svg">
-</head>
-<body>
-    
-</body>
-</html>
\ No newline at end of file
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Melt UI</title>
+        <link
+            rel="shortcut icon"
+            href="/melt-ui/favicon.ico"
+            type="image/x-icon"
+        />
+        <link data-trunk rel="css" href="./src/assets/css/index.css" />
+        <link data-trunk rel="copy-file" href="./src/assets/svg/grid_dot.svg" />
+        <link data-trunk rel="copy-file" href="./src/assets/favicon.ico" />
+        <link data-trunk rel="copy-file" href="../logo.svg" />
+    </head>
+    <body></body>
+</html>
diff --git a/demo/src/assets/favicon.ico b/demo/src/assets/favicon.ico
new file mode 100644
index 0000000..100548a
Binary files /dev/null and b/demo/src/assets/favicon.ico differ
diff --git a/demo/src/components/site_header.rs b/demo/src/components/site_header.rs
index 57c4ea4..2a7dada 100644
--- a/demo/src/components/site_header.rs
+++ b/demo/src/components/site_header.rs
@@ -23,21 +23,24 @@ pub fn SiteHeader() -> impl IntoView {
     };
     let style = create_memo(move |_| {
         theme.with(|theme| {
-            format!("height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid {}", theme.common.border_color)
+            format!("height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid {}", theme.common.border_color)
         })
     });
     view! {
         <LayoutHeader style>
-            <span
-                style="cursor: pointer"
-                on:click=move |_| {
-                    let navigate = use_navigate();
-                    navigate("/", Default::default());
-                }
-            >
+            <Space>
+                <img src="/melt-ui/logo.svg" style="width: 36px"/>
+                <div
+                    style="cursor: pointer; display: flex; align-items: center; height: 100%; font-weight: 600; font-size: 20px"
+                    on:click=move |_| {
+                        let navigate = use_navigate();
+                        navigate("/", Default::default());
+                    }
+                >
 
-                "Melt UI"
-            </span>
+                    "Melt UI"
+                </div>
+            </Space>
             <Space>
                 <Button
                     variant=ButtonVariant::Text
diff --git a/demo/src/pages/components.rs b/demo/src/pages/components.rs
index ac8119c..bda53a3 100644
--- a/demo/src/pages/components.rs
+++ b/demo/src/pages/components.rs
@@ -27,7 +27,7 @@ pub fn ComponentsPage() -> impl IntoView {
     view! {
         <Layout position=LayoutPosition::Absolute>
             <SiteHeader/>
-            <Layout has_sider=true position=LayoutPosition::Absolute style="top: 54px;">
+            <Layout has_sider=true position=LayoutPosition::Absolute style="top: 64px;">
                 <LayoutSider>
                     <Menu value=selected>
                         {
