diff --git a/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss b/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
index 819d9f306c..f21231bbfa 100644
--- a/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
+++ b/src/framework/theme/components/calendar-kit/_calendar-kit.theme.scss
@@ -44,7 +44,7 @@
     }
   }
 
-  nb-calendar-navigation button.btn.btn-primary {
+  nb-calendar-navigation button[nbButton] {
     width: nb-theme(calendar-navigation-button-width);
 
     @include nb-for-theme(default) {
diff --git a/src/framework/theme/components/calendar-kit/calendar-kit.module.ts b/src/framework/theme/components/calendar-kit/calendar-kit.module.ts
index e8f381faa9..616ac89207 100644
--- a/src/framework/theme/components/calendar-kit/calendar-kit.module.ts
+++ b/src/framework/theme/components/calendar-kit/calendar-kit.module.ts
@@ -8,6 +8,7 @@ import { NgModule } from '@angular/core';
 import { DatePipe } from '@angular/common';
 
 import { NbSharedModule } from '../shared/shared.module';
+import { NbButtonModule } from '../button/button.module';
 
 import { NbCalendarMonthModelService, NbDateService  } from './services';
 
@@ -73,7 +74,7 @@ const PIPES = [
  * @stacked-example(Full calendar, calendar-kit/calendar-kit-full-calendar.component)
  * */
 @NgModule({
-  imports: [NbSharedModule],
+  imports: [NbSharedModule, NbButtonModule],
   exports: [...COMPONENTS, ...PIPES],
   declarations: [...COMPONENTS, ...PIPES],
   providers: [...SERVICES],
diff --git a/src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts b/src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts
index 4e2a0134a7..4e49b927ea 100644
--- a/src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts
+++ b/src/framework/theme/components/calendar-kit/components/calendar-navigation/calendar-navigation.component.ts
@@ -20,7 +20,7 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
     }
   `],
   template: `
-    <button class="btn btn-primary" (click)="changeMode.emit()">
+    <button nbButton (click)="changeMode.emit()">
       {{ date | nbCalendarDate }}
     </button>
   `,