diff --git a/components/Message.vue b/components/Message.vue
index 80d7b9a..63831bf 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -195,8 +195,6 @@ function getDayDifference(date1: Date, date2: Date) {
 	align-items: center;
 	width: 100%;
 	overflow-wrap: anywhere;
-	padding-top: .2rem;
-	padding-bottom: .2rem;
 }
 
 .message-reply-preview {
@@ -212,6 +210,10 @@ function getDayDifference(date1: Date, date2: Date) {
 	margin-top: 1dvh;
 }
 
+.grouped-message {
+	margin-top: .3em;
+}
+
 .message-metadata {
 	display: flex;
 	gap: .5dvw;
diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index abec6a8..b11205c 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -384,7 +384,7 @@ router.beforeEach((to, from, next) => {
 	flex-direction: column;
 	padding-left: 1dvw;
 	padding-right: 1dvw;
-	padding-bottom: 1em;
+	padding-bottom: 2em;
 }
 
 .message-box-button {