diff --git a/src/components/ChatComponents/RentalMessage.vue b/src/components/ChatComponents/RentalMessage.vue
index 8dab267ac5d9db895be02f6b04bcd3102b160c28..dc414e6f7d25b6a6875d5831496158840d39f9ac 100644
--- a/src/components/ChatComponents/RentalMessage.vue
+++ b/src/components/ChatComponents/RentalMessage.vue
@@ -23,10 +23,10 @@
       <button class="button red" @click="reject">Avslå</button>
     </div>
     <div class="" v-if="rent.isAccepted">
-      <h1 class="green">Godtatt</h1>
+      <h1 class="approved">Godtatt</h1>
     </div>
     <div class="" v-if="rent.deleted">
-      <h1 class="red">Avslått</h1>
+      <h1 class="declined">Avslått</h1>
     </div>
   </div>
 </template>
@@ -110,6 +110,20 @@ export default {
   text-decoration: underline;
 }
 
+.approved {
+  color: darkgreen;
+  font-weight: bold;
+  text-align: center;
+  margin: 0.5rem;
+}
+
+.declined {
+  color: darkred;
+  font-weight: bold;
+  text-align: center;
+  margin: 0.5rem;
+}
+
 @media (max-width: 1200px) {
   .img-container {
     max-width: 30%;