diff --git a/res/css/views/elements/_MessageEditor.scss b/res/css/views/elements/_MessageEditor.scss
index 8f3fdfb9ef..40bc132edb 100644
--- a/res/css/views/elements/_MessageEditor.scss
+++ b/res/css/views/elements/_MessageEditor.scss
@@ -24,8 +24,8 @@ limitations under the License.
 
     .mx_MessageEditor_editor {
         border-radius: 4px;
-        border: solid 1px #e9edf1;
-        background-color: #ffffff;
+        border: solid 1px $primary-hairline-color;
+        background-color: $primary-bg-color;
         padding: 3px 6px;
         white-space: pre-wrap;
         word-wrap: break-word;