diff --git a/packages/client/src/pages/messaging/messaging-room.message.vue b/packages/client/src/pages/messaging/messaging-room.message.vue
index 2ecfc0aad..9e2af5046 100644
--- a/packages/client/src/pages/messaging/messaging-room.message.vue
+++ b/packages/client/src/pages/messaging/messaging-room.message.vue
@@ -90,7 +90,7 @@ function del(): void {
 			min-height: 38px;
 			border-radius: 16px;
 			max-width: 100%;
-			margin-left: 10rem;
+			margin-left: 4%;
 
 			& + * {
 				clear: both;
@@ -215,8 +215,8 @@ function del(): void {
 
 			> .balloon {
 				$color: var(--X4);
-				margin-right: 10rem;
-				margin-left: 0rem !important;
+				margin-right: 4%;
+				margin-left: 0%;
 				background: $color;
 
 				&.noText {