diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index 56f1388e6..33c57deab 100755
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="['layout-sidebar', {'active': active}]">
-         <router-link to="/" class="logo">
+        <router-link to="/" class="logo">
             <img alt="logo" src="./assets/images/primevue-logo.png">
         </router-link>
         <div class="layout-sidebar-filter p-fluid p-input-filled">
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index f45079e30..9e9d1b8b7 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -3,6 +3,9 @@
         <a class="menu-button" @click="$emit('menubutton-click')">
             <i class="pi pi-bars"></i>
         </a>
+        <router-link to="/" class="logo">
+            <img alt="logo" src="./assets/images/primevue-logo.png">
+        </router-link>
         <div class="app-theme" v-tooltip.bottom="theme">
             <img :src="'demo/images/themes/' + logoMap[theme]" />
         </div>
diff --git a/src/assets/styles/app/_responsive.scss b/src/assets/styles/app/_responsive.scss
index d894d5d78..4343490ec 100644
--- a/src/assets/styles/app/_responsive.scss
+++ b/src/assets/styles/app/_responsive.scss
@@ -22,6 +22,8 @@
         }
 
         .logo {
+            display: block;
+            
             img{
                 width: 150px;
             }
diff --git a/src/assets/styles/app/_topbar.scss b/src/assets/styles/app/_topbar.scss
index a5ccd717e..1c5d35a12 100644
--- a/src/assets/styles/app/_topbar.scss
+++ b/src/assets/styles/app/_topbar.scss
@@ -9,6 +9,10 @@
     padding: 0 35px;
     margin-left: 250px;
 
+    .logo {
+        display: none;
+    }
+
     .menu-button {
         display: none;
         color: var(--text-color);