diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_bone_tab.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_bone_tab.xml
index b5e58fd049..6a48deb66b 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_bone_tab.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_bone_tab.xml
@@ -4,131 +4,122 @@
     android:layout_width="@dimen/dp_960"
     android:layout_height="match_parent">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:id="@+id/clBoneTabChild"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
+    <com.mogo.eagle.core.function.hmi.bone.tab.CarInfoTabView
+        android:id="@+id/carInfoTabView"
+        android:layout_width="@dimen/dp_960"
+        android:layout_height="@dimen/dp_1214"
+        android:layout_marginStart="@dimen/dp_40"
+        android:visibility="gone"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent">
+        app:layout_constraintTop_toTopOf="parent" />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.CarInfoTabView
-            android:id="@+id/carInfoTabView"
-            android:layout_width="@dimen/dp_960"
-            android:layout_height="@dimen/dp_1214"
-            android:layout_marginStart="@dimen/dp_40"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+    <com.mogo.eagle.core.function.hmi.bone.tab.MsgBoxTabView
+        android:id="@+id/msgBoxTabView"
+        android:layout_width="@dimen/dp_960"
+        android:layout_height="@dimen/dp_1214"
+        android:layout_marginStart="@dimen/dp_40"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.MsgBoxTabView
-            android:id="@+id/msgBoxTabView"
-            android:layout_width="@dimen/dp_960"
-            android:layout_height="@dimen/dp_1214"
-            android:layout_marginStart="@dimen/dp_40"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            />
+    <com.mogo.eagle.core.function.hmi.bone.tab.FaultReasonView
+        android:id="@+id/faultReasonView"
+        android:layout_width="@dimen/dp_960"
+        android:layout_height="@dimen/dp_1137"
+        android:layout_marginStart="@dimen/dp_40"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.FaultReasonView
-            android:id="@+id/faultReasonView"
-            android:layout_width="@dimen/dp_960"
-            android:layout_height="@dimen/dp_1137"
-            android:layout_marginStart="@dimen/dp_40"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            />
+    <com.mogo.eagle.core.function.hmi.bone.tab.WorkOrderView
+        android:id="@+id/workOrderView"
+        android:layout_width="@dimen/dp_960"
+        android:layout_height="@dimen/dp_1137"
+        android:layout_marginStart="@dimen/dp_40"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.WorkOrderView
-            android:id="@+id/workOrderView"
-            android:layout_width="@dimen/dp_960"
-            android:layout_height="@dimen/dp_1137"
-            android:layout_marginStart="@dimen/dp_40"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            />
+    <com.mogo.eagle.core.function.hmi.bone.tab.ToolKitTabView
+        android:id="@+id/toolKitTabView"
+        android:layout_width="@dimen/dp_960"
+        android:layout_height="@dimen/dp_1214"
+        android:layout_marginStart="@dimen/dp_40"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.ToolKitTabView
-            android:id="@+id/toolKitTabView"
-            android:layout_width="@dimen/dp_960"
-            android:layout_height="@dimen/dp_1214"
-            android:layout_marginStart="@dimen/dp_40"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+    <com.mogo.eagle.core.function.hmi.bone.tab.ReportTypeView
+        android:id="@+id/reportTypeView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:visibility="gone"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginStart="@dimen/dp_270"
+        android:layout_marginBottom="@dimen/dp_102"
+        android:elevation="@dimen/dp_1000"
+        />
 
-        <com.mogo.eagle.core.function.hmi.bone.tab.ReportTypeView
-            android:id="@+id/reportTypeView"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:visibility="gone"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintRight_toRightOf="parent"
-            app:layout_constraintBottom_toBottomOf="parent"
-            android:layout_marginStart="@dimen/dp_270"
-            android:layout_marginBottom="@dimen/dp_170"
-            android:elevation="@dimen/dp_100"
-            />
-
-    </androidx.constraintlayout.widget.ConstraintLayout>
-
-    <androidx.constraintlayout.widget.ConstraintLayout
+    <View
+        android:id="@+id/viewBottomContainer"
         android:layout_width="@dimen/dp_960"
         android:layout_height="@dimen/dp_216"
         android:background="@drawable/bg_tab_switch"
         app:layout_constraintBottom_toBottomOf="parent"
         android:layout_marginStart="@dimen/dp_20"
-        app:layout_constraintLeft_toLeftOf="parent">
+        app:layout_constraintLeft_toLeftOf="parent"
+        />
 
-        <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
-            android:id="@+id/tabSwitchCarInfo"
-            android:layout_width="@dimen/dp_220"
-            android:layout_height="@dimen/dp_140"
-            android:layout_marginStart="@dimen/dp_40"
-            android:layout_marginTop="@dimen/dp_20"
-            app:clickRes="@drawable/icon_tab_car_info_click"
-            app:defaultRes="@drawable/icon_tab_car_info"
-            app:layout_constraintLeft_toLeftOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+    <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
+        android:id="@+id/tabSwitchCarInfo"
+        android:layout_width="@dimen/dp_220"
+        android:layout_height="@dimen/dp_140"
+        android:layout_marginStart="@dimen/dp_40"
+        android:layout_marginTop="@dimen/dp_20"
+        app:clickRes="@drawable/icon_tab_car_info_click"
+        app:defaultRes="@drawable/icon_tab_car_info"
+        app:layout_constraintLeft_toLeftOf="@id/viewBottomContainer"
+        app:layout_constraintTop_toTopOf="@id/viewBottomContainer" />
 
-        <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
-            android:id="@+id/tabSwitchMsgBox"
-            android:layout_width="@dimen/dp_220"
-            android:layout_height="@dimen/dp_140"
-            android:layout_marginTop="@dimen/dp_20"
-            app:clickRes="@drawable/icon_tab_msg_box_click"
-            app:defaultRes="@drawable/icon_tab_msg_box"
-            app:layout_constraintLeft_toRightOf="@+id/tabSwitchCarInfo"
-            app:layout_constraintTop_toTopOf="parent" />
+    <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
+        android:id="@+id/tabSwitchMsgBox"
+        android:layout_width="@dimen/dp_220"
+        android:layout_height="@dimen/dp_140"
+        android:layout_marginTop="@dimen/dp_20"
+        app:clickRes="@drawable/icon_tab_msg_box_click"
+        app:defaultRes="@drawable/icon_tab_msg_box"
+        app:layout_constraintLeft_toRightOf="@+id/tabSwitchCarInfo"
+        app:layout_constraintTop_toTopOf="@id/viewBottomContainer" />
 
-        <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
-            android:id="@+id/tabSwitchReport"
-            android:layout_width="@dimen/dp_220"
-            android:layout_height="@dimen/dp_140"
-            android:layout_marginTop="@dimen/dp_20"
-            app:clickRes="@drawable/icon_tab_report_click"
-            app:defaultRes="@drawable/icon_tab_report"
-            app:layout_constraintLeft_toRightOf="@+id/tabSwitchMsgBox"
-            app:layout_constraintTop_toTopOf="parent" />
+    <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
+        android:id="@+id/tabSwitchReport"
+        android:layout_width="@dimen/dp_220"
+        android:layout_height="@dimen/dp_140"
+        android:layout_marginTop="@dimen/dp_20"
+        app:clickRes="@drawable/icon_tab_report_click"
+        app:defaultRes="@drawable/icon_tab_report"
+        app:layout_constraintLeft_toRightOf="@+id/tabSwitchMsgBox"
+        app:layout_constraintTop_toTopOf="@id/viewBottomContainer" />
 
-        <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
-            android:id="@+id/tabSwitchMore"
-            android:layout_width="@dimen/dp_220"
-            android:layout_height="@dimen/dp_140"
-            android:layout_marginTop="@dimen/dp_20"
-            app:clickRes="@drawable/icon_tab_more_click"
-            app:defaultRes="@drawable/icon_tab_more"
-            app:layout_constraintLeft_toRightOf="@+id/tabSwitchReport"
-            app:layout_constraintTop_toTopOf="parent" />
-    </androidx.constraintlayout.widget.ConstraintLayout>
+    <com.mogo.eagle.core.function.hmi.bone.TabSwitchView
+        android:id="@+id/tabSwitchMore"
+        android:layout_width="@dimen/dp_220"
+        android:layout_height="@dimen/dp_140"
+        android:layout_marginTop="@dimen/dp_20"
+        app:clickRes="@drawable/icon_tab_more_click"
+        app:defaultRes="@drawable/icon_tab_more"
+        app:layout_constraintLeft_toRightOf="@+id/tabSwitchReport"
+        app:layout_constraintTop_toTopOf="@id/viewBottomContainer" />
 
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file