diff --git a/src/app/components/shared/comment-answer/comment-answer.component.scss b/src/app/components/shared/comment-answer/comment-answer.component.scss
index 35658217ae5d6d3a3cf6bc8666f7eb207477e78d..b87b500b6b06a4fe23dc4d3fdb661110396419cb 100644
--- a/src/app/components/shared/comment-answer/comment-answer.component.scss
+++ b/src/app/components/shared/comment-answer/comment-answer.component.scss
@@ -24,8 +24,8 @@ button {
 }
 
 .save {
-  background-color: var(--secondary);
-  color: var(--on-secondary);
+  background-color: var(--primary);
+  color: var(--on-primary);
   margin-right: 1%;
 }
 
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index a9c80f29e074af1159083e082b281703ec5f9422..87d8b1c0a8637a0a7a5c59b72ecb43446cc1e393 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -64,13 +64,13 @@ mat-card-content > :first-child {
 .score {
   text-align: center;
   margin: 0;
-  color: var(--on-surface);
+  color: var(--primary);
   font-size: 24px;
   font-weight: bold;
 }
 
 .scoreCreator {
-  color: var(--on-surface);
+  color: var(--primary);
   margin: 0 10px 0 10px;
   font-size: 24px;
   font-weight: bold;
@@ -120,7 +120,7 @@ mat-card-content > :first-child {
 }
 
 .gavel {
-  color: var(--primary);
+  color: var(--primary) !important;
 }
 
 .moderator {