diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 1470955..8a6cc80 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -347,7 +347,7 @@ router.beforeEach((to, from, next) => {
 
 #message-box-left-elements, #message-box-right-elements {
 	display: flex;
-	align-items: center;
+	align-items: end;
 }
 
 #messages {