diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 63b2158..56d2866 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -132,6 +132,7 @@ onMounted(async () => {
 	width: 80%;
 	background-color: rgb(50, 50, 50);
 	border: none;
+	color: inherit;
 }
 
 #messages {