diff --git a/package.json b/package.json
index 5f5fe41..22db5ee 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "font-awesome": "^4.7.0",
     "jquery": "^3.2.1",
     "moment": "^2.19.1",
+    "ng2-materialize": "^1.5.1",
     "ngx-toastr": "^6.5.0",
     "reflect-metadata": "^0.1.10",
     "rxjs": "^5.5.2",
diff --git a/src/app.module.ts b/src/app.module.ts
index 2d81533..fd22bd0 100644
--- a/src/app.module.ts
+++ b/src/app.module.ts
@@ -10,6 +10,7 @@ import { RouterModule } from '@angular/router';
 import { NgLoggerModule } from '@nsalaun/ng-logger';
 import { ToastrModule } from 'ngx-toastr';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { MaterializeModule } from 'ng2-materialize'
 
 import { LoginModule } from './login/login.module';
 import { AccountModule } from './accounts/account.module';
@@ -38,6 +39,7 @@ import { ApiBaseURL, LogLevel } from './app.config';
     NgLoggerModule.forRoot(LogLevel),
     ToastrModule.forRoot(),
     NgbModule.forRoot(),
+    MaterializeModule.forRoot(),
     AccountModule,
     ScheduleModule,
     OperationModule,
diff --git a/src/main.scss b/src/main.scss
index abef40c..b46561a 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -2,7 +2,7 @@ $fa-font-path: '~font-awesome/fonts';
 
 @import '~font-awesome/scss/font-awesome';
 
-@import '~bootstrap/scss/bootstrap';
+@import '~materialize-css/sass/materialize.scss';
 
 @import '~c3/c3';