diff --git a/src/operations/operation.module.ts b/src/operations/operation.module.ts
index 33c5f74..2c7713a 100644
--- a/src/operations/operation.module.ts
+++ b/src/operations/operation.module.ts
@@ -10,6 +10,7 @@ import { NgLoggerModule, Level } from '@nsalaun/ng-logger';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ToastrModule } from 'ngx-toastr';
 import { TextMaskModule } from 'angular2-text-mask';
+import { MaterializeModule } from 'ng2-materialize';
 
 import { BalanceChartComponent } from './balanceChart.component';
 import { CategoryChartComponent } from './categoryChart.component';
@@ -33,7 +34,8 @@ import { OperationListState } from './operation.states'
     NgLoggerModule,
     ToastrModule,
     NgbModule,
-    TextMaskModule
+    TextMaskModule,
+    MaterializeModule,
   ],
   providers: [
     CategoryService,
diff --git a/src/operations/operationList.component.ts b/src/operations/operationList.component.ts
index db38137..d4b51ca 100644
--- a/src/operations/operationList.component.ts
+++ b/src/operations/operationList.component.ts
@@ -50,7 +50,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
         <tbody>
           <tr>
             <td colspan="7">
-              <button class="btn waves-effect green lighten2" (click)="add()">
+              <button mz-button class="green lighten2" (click)="add()">
                 Ajouter
               </button>
             </td>
diff --git a/src/operations/operationRow.component.ts b/src/operations/operationRow.component.ts
index c96d058..080e5fa 100644
--- a/src/operations/operationRow.component.ts
+++ b/src/operations/operationRow.component.ts
@@ -40,14 +40,14 @@ import { OperationEditModalComponent } from './operationEditModal.component';
 
 <td>
   <!-- Edit operation, for non-canceled operation. -->
-  <button type="button" class="btn-floating green lighten-2"
+  <button mz-button [float]="true" class="green"
     *ngIf="!operation.canceled"
     (click)="modify(operation)" title="edit">
     <span class="fa fa-pencil-square-o"></span>
   </button>
 
   <!-- Toggle pointed operation, for non-canceled operations. -->
-  <button type="button" class="btn-floating blue lighten-2"
+  <button mz-button [float]="true" class="blue"
     *ngIf="!operation.canceled"
     (click)="togglePointed(operation)"
     [class.active]="operation.pointed" title="point">
@@ -56,7 +56,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
   </button>
 
   <!-- Toggle canceled operation. -->
-  <button type="button" class="btn-floating orange lighten-2"
+  <button mz-button [float]="true" class="orange"
     (click)="toggleCanceled(operation)"
     *ngIf="operation.scheduled_operation_id"
     [class.active]="operation.canceled" title="cancel">
@@ -64,7 +64,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
   </button>
 
   <!-- Delete operation, with confirm. -->
-  <button type="button" class="btn-floating red lighten-2"
+  <button mz-button [float]="true" class="red"
     (click)="confirmDelete(operation)"
     *ngIf="operation.id && !operation.scheduled_operation_id">
     <span class="fa fa-trash-o"></span>