diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
index 9e42917617..38da1cc1bc 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
@@ -316,7 +316,7 @@ limitations under the License.
     font-family: inherit ! important;
     white-space: normal ! important;
     line-height: inherit ! important;
-    // color: inherit; // unclear why we ever had this? it breaks plain code blocks on dark theme...
+    color: inherit;
     font-size: 14px;
 }
 
@@ -331,7 +331,9 @@ limitations under the License.
 
 .mx_EventTile_content .markdown-body code {
     background-color: #f8f8f8;
+    color: #333;
 }
+
 .mx_EventTile_copyButton {
     position: absolute;
     display: inline-block;
@@ -343,14 +345,17 @@ limitations under the License.
     height: 19px;
     background-image: url($copy-button-url);
 }
+
 .mx_EventTile_body pre {
     position: relative;
     border: 1px solid transparent;
 }
+
 .mx_EventTile:hover .mx_EventTile_body pre
 {
     border: 1px solid $primary-hairline-color;
 }
+
 .mx_EventTile_body pre:hover .mx_EventTile_copyButton
 {
     visibility: visible;