diff --git a/src/app/components/participant/content-choice-participant/content-choice-participant.component.html b/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
index bbe19ad9690da554b8be85350df08895dfdd4e64..7d252fd369888e113d9827df327bf76b1f0f9897 100644
--- a/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
+++ b/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
@@ -19,7 +19,7 @@
   </mat-radio-group>
   <mat-divider></mat-divider>
   <div fxLayoutAlign="center" fxLayoutGap="20px" fxAlign="row">
-    <button mat-raised-button [disabled]="alreadySent" type="submit" color="accent">{{ 'answer.submit' | translate }}</button>
-    <button mat-raised-button [disabled]="alreadySent" (click)="abstain($event)" color="primary">{{ 'answer.abstain' | translate }}</button>
+    <button mat-raised-button class="abstain" [disabled]="alreadySent" (click)="abstain($event)">{{ 'answer.abstain' | translate }}</button>
+    <button mat-raised-button class="submit" [disabled]="alreadySent" type="submit">{{ 'answer.submit' | translate }}</button>
   </div>
 </form>
diff --git a/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss b/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
index 81c1f2bc4cd81f9ee99c59f6ddf3ed2ea76d8165..f091afe27c1c243c63343c6d768ed00d0a1a64e9 100644
--- a/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
+++ b/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
@@ -10,3 +10,13 @@ form > h1 {
   margin:20px 0;
   font-size: larger;
 }
+
+.submit {
+  background-color: var(--primary);
+  color: var(--on-primary);
+}
+
+.abstain {
+  background-color: var(--secondary);
+  color: var(--on-secondary);
+}