diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 28b8b66e..1357bc9e 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -48,7 +48,7 @@ $base-sub-menu-background:#0B253F;
 $base-sub-menu-hover:#0b50ff;
 
 
-$base-sidebar-width: 248px;
+$base-sidebar-width: 282px;
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 9807b88f..c64efd0f 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import logoImg from '@/assets/logo/logo.png';
+import logoImg from '@/assets/logo/cnbm.png';
 import variables from '@/assets/styles/variables.scss';
 
 export default {
@@ -98,20 +98,19 @@ export default {
 		width: 100%;
 
 		& .sidebar-logo {
-			width: 32px;
-			height: 40px;
+			width: 34px;
+			height: 34px;
 			vertical-align: middle;
-			margin-right: 12px;
+			margin-right: 8px;
 		}
 
 		& .sidebar-title {
 			display: inline-block;
 			margin: 0;
 			color: #fff;
-			font-weight: 600;
+			font-weight: 500;
 			line-height: 50px;
-			font-size: 18px;
-			letter-spacing: 1px;
+			font-size: 26px;
 			font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
 			vertical-align: middle;
 		}