diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/bg_msg_box_v2x.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/bg_msg_box_v2x.png
deleted file mode 100644
index d41c75bc33..0000000000
Binary files a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/bg_msg_box_v2x.png and /dev/null differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_msg_box_v2x.9.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_msg_box_v2x.9.png
new file mode 100644
index 0000000000..d9d4a5b2b2
Binary files /dev/null and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_msg_box_v2x.9.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_autopilot.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_autopilot.xml
index 8718a6c212..af6c0e91af 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_autopilot.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_autopilot.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivAutopilotImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvAutopilotTitle"
         app:layout_constraintRight_toRightOf="@id/tvAutopilotTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_fsm.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_fsm.xml
index 9b2403e515..59c58fdb9d 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_fsm.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_fsm.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivFSMImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvFSMTitle"
         app:layout_constraintRight_toRightOf="@id/tvFSMTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ssm.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ssm.xml
index fb4d2d14fc..9cfb6b9827 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ssm.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ssm.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivSsmImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvSsmTitle"
         app:layout_constraintRight_toRightOf="@id/tvSsmTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_v2x.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_v2x.xml
index 95f88716a2..dd60fb62ea 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_v2x.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_v2x.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -28,7 +29,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivV2XImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -40,7 +43,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -52,9 +55,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvV2XTitle"
         app:layout_constraintRight_toRightOf="@id/tvV2XTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_autopilot.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_autopilot.xml
index 9f0199eb80..8f23c77a4a 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_autopilot.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_autopilot.xml
@@ -2,7 +2,8 @@
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/clAutopilotLayout"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivAutopilotImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvAutopilotTitle"
         app:layout_constraintRight_toRightOf="@id/tvAutopilotTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_fsm.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_fsm.xml
index ed2245fa1f..468e6fd76d 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_fsm.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_fsm.xml
@@ -2,7 +2,8 @@
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/clFSMLayout"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivFSMImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvFSMTitle"
         app:layout_constraintRight_toRightOf="@id/tvFSMTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_ssm.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_ssm.xml
index 5aa40ef9ba..884c218e64 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_ssm.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_ssm.xml
@@ -2,7 +2,8 @@
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/clSsmLayout"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -30,7 +31,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivSsmImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -42,7 +45,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -54,9 +57,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvSsmTitle"
         app:layout_constraintRight_toRightOf="@id/tvSsmTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginBottom="@dimen/dp_5"
+        android:layout_marginTop="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_v2x.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_v2x.xml
index 55ac93d864..3239c78652 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_v2x.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_v2x.xml
@@ -2,7 +2,8 @@
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/clV2XLayout"
     android:layout_width="@dimen/dp_804"
-    android:layout_height="@dimen/dp_160"
+    android:layout_height="wrap_content"
+    android:minHeight="@dimen/dp_160"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@drawable/bg_msg_box_v2x"
     android:layout_gravity="center_horizontal"
@@ -28,7 +29,9 @@
         app:layout_constraintLeft_toRightOf="@id/ivV2XImage"
         android:layout_marginStart="@dimen/dp_15"
         android:textColor="#FFFFFFFF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/sp_32"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
     <TextView
@@ -40,7 +43,7 @@
         app:layout_constraintRight_toRightOf="parent"
         android:layout_marginEnd="25dp"
         android:textColor="#80FFFFFF"
-        android:textSize="24dp"
+        android:textSize="@dimen/sp_24"
         />
 
     <TextView
@@ -52,9 +55,9 @@
         app:layout_constraintLeft_toLeftOf="@id/tvV2XTitle"
         app:layout_constraintRight_toRightOf="@id/tvV2XTime"
         android:textColor="#B3FFFFFF"
-        android:textSize="@dimen/dp_28"
-        android:maxLines="2"
-        android:ellipsize="end"
+        android:textSize="@dimen/sp_28"
+        android:layout_marginTop="@dimen/dp_5"
+        android:layout_marginBottom="@dimen/dp_5"
         />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file