diff --git a/components/Message.vue b/components/Message.vue
index 63831bf..80d7b9a 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -195,6 +195,8 @@ function getDayDifference(date1: Date, date2: Date) {
 	align-items: center;
 	width: 100%;
 	overflow-wrap: anywhere;
+	padding-top: .2rem;
+	padding-bottom: .2rem;
 }
 
 .message-reply-preview {
@@ -210,10 +212,6 @@ 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 b11205c..abec6a8 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: 2em;
+	padding-bottom: 1em;
 }
 
 .message-box-button {