diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 466224d..59e5e06 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -301,6 +301,7 @@ router.beforeEach((to, from, next) => {
 }
 
 #message-box {
+	margin-top: auto; /* force it to the bottom of the screen */
 	margin-bottom: 2dvh;
 	margin-left: 1dvw;
 	margin-right: 1dvw;