diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 56d2866..59d3852 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -133,6 +133,8 @@ onMounted(async () => {
 	background-color: rgb(50, 50, 50);
 	border: none;
 	color: inherit;
+	padding-left: 1dvw;
+	padding-right: 1dvw;
 }
 
 #messages {