diff --git a/components/uni-im-msg/uni-im-msg.vue b/components/uni-im-msg/uni-im-msg.vue
index f1bd184f93940a99e4b8e60feffaaf598da9bb4b..4bf3339910d5f382ef6409631f9d57321decb96d 100644
--- a/components/uni-im-msg/uni-im-msg.vue
+++ b/components/uni-im-msg/uni-im-msg.vue
@@ -500,7 +500,7 @@
   .msgStateIcon {
     margin-right: 5px;
   }
-  .self .msg-box {
+  &.self .msg-box {
     flex-direction: row-reverse;
   }