diff --git a/src/common/modal/index.jsx b/src/common/modal/index.jsx
index 1e78052f28..4700f67017 100644
--- a/src/common/modal/index.jsx
+++ b/src/common/modal/index.jsx
@@ -14,7 +14,7 @@ const Modal =({ title, show, onClose, onSubmit, children, cname })=> {
           { children }
         </div>
         <div className={`modal-${cname}-footer`}>
-          <button className="btn-default" onClick={ onClose }><GoX size="16px" /> Cancel</button>
+          <button className="btn-default btn-cancel" onClick={ onClose }><GoX size="16px" /> Cancel</button>
           { onSubmit && <button className="btn-primary" onClick={ onSubmit }><GoCheck size="16px" /> Apply</button> }
         </div>
      </div>
diff --git a/src/common/playideas/playIdeas.css b/src/common/playideas/playIdeas.css
index ae1080250f..6667d2319d 100644
--- a/src/common/playideas/playIdeas.css
+++ b/src/common/playideas/playIdeas.css
@@ -306,4 +306,8 @@
     display: flex;
     align-items: center;
     grid-gap: 1.2rem;
+}
+
+.btn-default.btn-cancel {
+    color: inherit;
 }
\ No newline at end of file