diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index a92f709f..6946149e 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -1,11 +1,12 @@
 <template>
-  <div class="sidebar-logo-container">
+  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img :src="logo" class="sidebar-logo">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 v-else class="sidebar-title">{{ title }} </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img :src="logo" class="sidebar-logo">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
         <h1 class="sidebar-title">{{ title }} </h1>
       </router-link>
     </transition>
@@ -57,11 +58,12 @@ export default {
       width: 32px;
       height: 32px;
       vertical-align: middle;
+      margin-right: 12px;
     }
 
     & .sidebar-title {
       display: inline-block;
-      margin: 0 0 0 12px;
+      margin: 0;
       color: #fff;
       font-weight: 600;
       line-height: 50px;
@@ -70,5 +72,11 @@ export default {
       vertical-align: middle;
     }
   }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+    }
+  }
 }
 </style>