diff --git a/docs/app/@theme/components/header/header.component.html b/docs/app/@theme/components/header/header.component.html
index a891ca7f..ffafe16c 100644
--- a/docs/app/@theme/components/header/header.component.html
+++ b/docs/app/@theme/components/header/header.component.html
@@ -12,10 +12,6 @@
     <nb-menu [items]="headerMenu"></nb-menu>
     <ng-content></ng-content>
   </div>
-  <a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
-     fragment="backend-bundles" class="backend-bundles eva-parent-hover">
-    <span>Build admin panels faster than ever</span>
-  </a>
 </div>
 <div class="section right">
 
diff --git a/docs/app/@theme/components/header/header.component.scss b/docs/app/@theme/components/header/header.component.scss
index e9cad406..58d44694 100644
--- a/docs/app/@theme/components/header/header.component.scss
+++ b/docs/app/@theme/components/header/header.component.scss
@@ -8,6 +8,7 @@
 @import '~@nebular/theme/styles/global/breakpoints';
 
 @include nb-install-component() {
+
   $left-section-width: nb-theme(sidebar-width);
   $right-section-width: nb-theme(settings-col-width);
   $logo-fg: nb-theme(header-text-color);
@@ -171,6 +172,7 @@
   }
 
   @include media-breakpoint-up(lg) {
+
     ::ng-deep nb-menu .menu-items {
       justify-content: flex-start;
 
@@ -184,6 +186,7 @@
   }
 
   @include media-breakpoint-up(xl) {
+    margin-left: 6% !important;
     .sidebar-toggle {
       display: none;
     }
diff --git a/docs/app/pages/home/landing-home.component.html b/docs/app/pages/home/landing-home.component.html
index 59496caa..c1acf98a 100644
--- a/docs/app/pages/home/landing-home.component.html
+++ b/docs/app/pages/home/landing-home.component.html
@@ -3,6 +3,11 @@
     <ngx-landing-header>
       <ngx-material-theme-link withPopover></ngx-material-theme-link>
     </ngx-landing-header>
+
+    <a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
+       class="btn btn-green">
+      <span>Build admin panels faster than ever</span>
+    </a>
   </nb-layout-header>
 
   <nb-layout-column>
diff --git a/docs/app/pages/home/landing-home.component.scss b/docs/app/pages/home/landing-home.component.scss
index bc584a51..9ecdf0c5 100644
--- a/docs/app/pages/home/landing-home.component.scss
+++ b/docs/app/pages/home/landing-home.component.scss
@@ -55,6 +55,30 @@
     }
   }
 
+  .btn {
+    font-family: nb-theme(font-main), sans-serif;
+    border-radius: 3px;
+    border: none;
+    background-color: nb-theme(color-active-fg);
+    color: #ffffff;
+    padding: 1rem;
+    margin-right: 6%!important;
+    box-shadow: nb-theme(shadow-btn);
+    cursor: pointer;
+    text-transform: uppercase;
+
+    &:hover {
+      box-shadow: nb-theme(shadow-hover-green-btn);
+    }
+
+    &:active {
+      box-shadow: nb-theme(shadow-active-green-btn);
+    }
+
+    &.btn-download {
+      margin-left: 1em;
+    }
+  }
 
   @include media-breakpoint-down(xl) {
     nb-layout-header ::ng-deep nav {
@@ -76,5 +100,20 @@
       height: 3.75rem;
     }
   }
+
+  @include media-breakpoint-down(lg) {
+    .btn {
+      font-size: 0.7rem;
+      padding-bottom: 1rem;
+      padding-top: 1rem;
+      margin: 0!important;
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    .btn {
+      display: none;
+    }
+  }
 }
 
diff --git a/docs/app/pages/home/material-landing/material-landing.component.html b/docs/app/pages/home/material-landing/material-landing.component.html
index 9c1d90ce..61018c90 100644
--- a/docs/app/pages/home/material-landing/material-landing.component.html
+++ b/docs/app/pages/home/material-landing/material-landing.component.html
@@ -3,6 +3,11 @@
     <ngx-landing-header>
       <ngx-material-theme-link></ngx-material-theme-link>
     </ngx-landing-header>
+
+    <a target="_blank" href="https://uibakery.io/?utm_source=akveogithub&utm_medium=header&utm_campaign=ngxadmin"
+       class="btn">
+      <span>Build admin panels faster than ever</span>
+    </a>
   </nb-layout-header>
 
   <nb-layout-column class="main-section">
diff --git a/docs/app/pages/home/material-landing/material-landing.component.scss b/docs/app/pages/home/material-landing/material-landing.component.scss
index f5f2cbbb..41ce4dce 100644
--- a/docs/app/pages/home/material-landing/material-landing.component.scss
+++ b/docs/app/pages/home/material-landing/material-landing.component.scss
@@ -25,10 +25,50 @@
     margin: 0 auto;
   }
 
+  .btn {
+    font-family: nb-theme(font-main), sans-serif;
+    border-radius: 3px;
+    border: none;
+    background-color: #ffffff!important;
+    color: nb-theme(color-active-fg) !important;
+    padding: 1rem;
+    margin-right: 6% !important;
+    box-shadow: nb-theme(shadow-btn);
+    cursor: pointer;
+    text-transform: uppercase;
+
+    &:hover {
+      box-shadow: nb-theme(shadow-hover-btn);
+    }
+
+    &:active {
+      box-shadow: nb-theme(shadow-active-btn);
+    }
+
+    &.btn-download {
+      margin-left: 1em;
+    }
+  }
+
   @include media-breakpoint-down(is) {
     ngx-material-features {
       max-width: 100%;
     }
 
   }
+
+  @include media-breakpoint-down(lg) {
+    .btn {
+      font-size: 0.7rem;
+      padding-bottom: 1rem;
+      padding-top: 1rem;
+      margin: 0!important;
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    .btn {
+      display: none;
+    }
+  }
 }