diff --git a/webapp/src/GameProposal.css b/webapp/src/GameProposal.css
index 19482db..76a3055 100644
--- a/webapp/src/GameProposal.css
+++ b/webapp/src/GameProposal.css
@@ -15,6 +15,10 @@
     margin: 5px;
 }
 
+.GameProposal .li p q {
+    color: gray;
+}
+
 .separator {
     width: 20%; 
     /* height: 20px;  */
diff --git a/webapp/src/GameProposal.js b/webapp/src/GameProposal.js
index 9d39e3b..35a22f4 100644
--- a/webapp/src/GameProposal.js
+++ b/webapp/src/GameProposal.js
@@ -19,8 +19,9 @@ const GameProposal = ({games}) => {
     .map(game => { return (
       <div class="li" key={game.uuid}>
         <p>
-          from {game.opponentName}, opponentColor {game.opponentColor}<br/>
-          <q color="grey">{game.message}</q>
+          from {game.opponentName}, opponentColor {game.opponentColor}
+          <br/>
+          <q>{game.message}</q>
         </p>
       </div>
     )});
@@ -30,8 +31,9 @@ const GameProposal = ({games}) => {
     .map(game => { return (
       <div class="li" key={game.uuid}>
         <p> 
-          to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}<br/>
-          <q color="grey">{game.message}</q>
+          to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}
+          <br/>
+          <q>{game.message}</q>
         </p>
       </div>
     )});