diff --git a/spug_web/public/favicon.ico b/spug_web/public/favicon.ico
index c2c86b8..f4bcafa 100644
Binary files a/spug_web/public/favicon.ico and b/spug_web/public/favicon.ico differ
diff --git a/spug_web/src/layout/Sider.js b/spug_web/src/layout/Sider.js
index bbba8b3..35cfdd9 100644
--- a/spug_web/src/layout/Sider.js
+++ b/spug_web/src/layout/Sider.js
@@ -11,7 +11,8 @@ import history from '../libs/history';
 import styles from './layout.module.css';
 import lodash from 'lodash';
 import menus from '../menus';
-import logo from './logo.svg';
+import logo from './logo-spug.png';
+import logoText from './logo-text.png';
 
 
 class Sider extends React.Component {
@@ -76,7 +77,7 @@ class Sider extends React.Component {
       <Layout.Sider collapsed={this.props.collapsed}>
         <div className={styles.logo}>
           <img src={logo} alt="Logo"/>
-          <h1>Spug</h1>
+          <img src={logoText} alt="logo-text" style={{marginLeft: 25, width: 70}} />
         </div>
         <Menu
           theme="dark"
diff --git a/spug_web/src/layout/layout.module.css b/spug_web/src/layout/layout.module.css
index 6e8fa95..651b7c4 100644
--- a/spug_web/src/layout/layout.module.css
+++ b/spug_web/src/layout/layout.module.css
@@ -35,8 +35,7 @@
 .logo {
     height: 64px;
     line-height: 64px;
-    padding-left: 24px;
-    background-color: #002140;
+    padding-left: 15px;
     overflow: hidden;
 }
 
@@ -51,7 +50,7 @@
 }
 
 .logo img {
-    height: 32px;
+    width: 50px;
 }
 
 .right {
diff --git a/spug_web/src/layout/logo-text.png b/spug_web/src/layout/logo-text.png
new file mode 100644
index 0000000..5a55b54
Binary files /dev/null and b/spug_web/src/layout/logo-text.png differ