diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
index 85a38db15e1fbcd6c594432d9adeceacd1b0d4bb..395b067096c86a2dae8bdb958e061a436bedc739 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
@@ -1,8 +1,8 @@
 <div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
   <mat-card>
     <div fxLayout="row" fxLayoutGap="30px" *ngFor="let state of feedback">
-      <img class="image" matTooltip="{{ state.message }}" src="./assets/{{ state.name }}.png"
-           (click)="userRole === 0 && submitFeedback(state.state)">
+      <mat-icon matTooltip="{{ state.message }}"
+              (click)="userRole === 0 && submitFeedback(state.state)">{{ state.name }}</mat-icon>
       <mat-progress-bar [value]="state.count" color="primary">
       </mat-progress-bar>
     </div>
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
index 208ecf925d09e0d556a8e0cb86e53cbbf84ca287..caf81e0d7ab0cb9173d690f4de4243dfec635e76 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
@@ -8,7 +8,8 @@ mat-progress-bar {
   margin-bottom: 20px;
 }
 
-.image {
-  height: 8%;
-  width: 8%;
+mat-icon {
+  font-size: 300%;
+  height: 50px;
+  width: 50px;
 }
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
index 25c232db5460b40c598b1a5ade6186826392e1dc..124557df199a41aaa771bce453d9422ce64e66d8 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
@@ -10,10 +10,10 @@ import { NotificationService } from '../../../services/util/notification.service
 })
 export class FeedbackBarometerPageComponent implements OnInit {
   feedback: any = [
-    { state: 0, name: 'good', message: 'I can follow you.', count: 0, },
-    { state: 1, name: 'ok', message: 'Faster, please!', count: 0, },
-    { state: 2, name: 'not-ok', message: 'Slower, please!', count: 0, },
-    { state: 3, name: 'bad', message: 'You\'ve lost me.', count: 0, },
+    { state: 0, name: 'sentiment_very_satisfied', message: 'I can follow you.', count: 0, },
+    { state: 1, name: 'sentiment_satisfied', message: 'Faster, please!', count: 0, },
+    { state: 2, name: 'sentiment_dissatisfied', message: 'Slower, please!', count: 0, },
+    { state: 3, name: 'sentiment_very_dissatisfied', message: 'You\'ve lost me.', count: 0, },
   ];
   userRole: UserRole;
 
diff --git a/src/assets/bad.png b/src/assets/bad.png
deleted file mode 100644
index 1b29099242737aa0262053677e636e6b1f00cefe..0000000000000000000000000000000000000000
Binary files a/src/assets/bad.png and /dev/null differ
diff --git a/src/assets/good.png b/src/assets/good.png
deleted file mode 100644
index 2a73a6cf84d87d81d6373f402711c1393c71def0..0000000000000000000000000000000000000000
Binary files a/src/assets/good.png and /dev/null differ
diff --git a/src/assets/not-ok.png b/src/assets/not-ok.png
deleted file mode 100644
index f85996ec240cf9955ca893ee03c116733a65a0f8..0000000000000000000000000000000000000000
Binary files a/src/assets/not-ok.png and /dev/null differ
diff --git a/src/assets/ok.png b/src/assets/ok.png
deleted file mode 100644
index 9aec2130f95026fb655df4d6b3362cefa852ce99..0000000000000000000000000000000000000000
Binary files a/src/assets/ok.png and /dev/null differ