diff --git a/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml b/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
index fd30dd553b..7a3b8aff27 100644
--- a/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
+++ b/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
@@ -6,10 +6,10 @@
 
     <com.mogo.eagle.core.function.hmi.ui.widget.SteeringWheelView
         android:id="@+id/steering_wheel"
-        android:layout_width="@dimen/dp_300"
-        android:layout_height="@dimen/dp_300"
-        android:layout_marginLeft="@dimen/dp_50"
-        android:layout_marginTop="@dimen/dp_112"
+        android:layout_width="@dimen/dp_490"
+        android:layout_height="@dimen/dp_490"
+        android:layout_marginLeft="@dimen/dp_22"
+        android:layout_marginTop="@dimen/dp_88"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SteeringWheelView.java b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SteeringWheelView.java
index fc8d719fa2..548572101a 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SteeringWheelView.java
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SteeringWheelView.java
@@ -78,7 +78,7 @@ public class SteeringWheelView extends ConstraintLayout {
         steeringCircularV = findViewById(R.id.steering_circular);
         steeringCircularV.setBackWidth(8);
         steeringCircularV.setBackColor(R.color.hmi_light_back_bg);
-        steeringCircularV.setProgColor(R.color.hmi_dark_blue, R.color.hmi_light_blue);
+        steeringCircularV.setProgColor(R.color.hmi_light_blue, R.color.hmi_dark_blue);
         steeringCircularV.setProgress((int) (180 * 100) / 360, 1000);
         if (AppIdentityModeUtils.isTaxi(FunctionBuildConfig.appIdentityMode)) {
             steeringCircularVAlpha = findViewById(R.id.steering_circular_alpha);
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto.png
index 748625a43c..31ae1e4f8d 100644
Binary files a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto.png and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto_nor.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto_nor.png
index a9965aaf1f..3b7d23f4dc 100644
Binary files a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto_nor.png and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_auto_nor.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_steering_outer_bus.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_steering_outer_bus.xml
index f5e1da1a55..4af3f52cee 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_steering_outer_bus.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/bg_steering_outer_bus.xml
@@ -4,9 +4,9 @@
         <shape
             android:innerRadius="@dimen/dp_85"
             android:shape="ring"
-            android:thickness="4px"
+            android:thickness="6px"
             android:useLevel="false">
-            <solid android:color="#BBCFF6" />
+            <solid android:color="#66BBCFF6" />
         </shape>
     </item>
 
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/steering_bg_bus.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/steering_bg_bus.png
new file mode 100644
index 0000000000..6065b75cdd
Binary files /dev/null and b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xxhdpi/steering_bg_bus.png differ
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_bus.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_bus.xml
index 7e523648ba..ea990f2d13 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_bus.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_bus.xml
@@ -1,78 +1,80 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:background="@drawable/bg_steering_wheel_bus">
+    android:layout_width="@dimen/dp_490"
+    android:layout_height="@dimen/dp_490"
+    android:background="@drawable/steering_bg_bus">
 
     <ProgressBar
         android:id="@+id/blue_circle"
-        android:layout_width="@dimen/dp_180"
-        android:layout_height="@dimen/dp_180"
+        android:layout_width="@dimen/dp_278"
+        android:layout_height="@dimen/dp_278"
         android:layout_centerHorizontal="true"
-        android:layout_marginLeft="@dimen/dp_60"
-        android:layout_marginTop="@dimen/dp_38"
-        android:layout_marginRight="@dimen/dp_60"
+        android:layout_marginLeft="@dimen/dp_84"
+        android:layout_marginTop="@dimen/dp_54"
+        android:layout_marginRight="@dimen/dp_85"
         android:indeterminateDrawable="@drawable/bg_steering_outer_bus"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
+    <com.mogo.eagle.core.function.hmi.ui.widget.CircularProgressView
+        android:id="@+id/steering_circular"
+        android:layout_width="@dimen/dp_278"
+        android:layout_height="@dimen/dp_278"
+        android:layout_alignParentTop="true"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="@dimen/dp_54"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:progWidth="12px"
+        app:progress="0" />
+
+    <ImageView
+        android:id="@+id/autopilot_iv"
+        android:layout_width="@dimen/dp_228"
+        android:layout_height="@dimen/dp_228"
+        android:layout_centerHorizontal="true"
+        android:layout_gravity="center_horizontal"
+        android:src="@drawable/bg_auto"
+        android:layout_marginTop="@dimen/dp_20"
+        app:layout_constraintBottom_toBottomOf="@+id/steering_circular"
+        app:layout_constraintLeft_toLeftOf="@+id/steering_circular"
+        app:layout_constraintRight_toRightOf="@+id/steering_circular"
+        app:layout_constraintTop_toTopOf="@+id/steering_circular" />
+
     <TextView
         android:id="@+id/steering_tv_left"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/dp_50"
-        android:layout_marginRight="-10px"
+        android:layout_marginTop="@dimen/dp_72"
+        android:layout_marginRight="-16px"
         android:gravity="right"
         android:text="180°"
         android:textColor="#415479"
-        android:textSize="@dimen/dp_26"
+        android:textSize="@dimen/dp_38"
         android:visibility="invisible"
-        app:layout_constraintRight_toLeftOf="@+id/blue_circle"
+        app:layout_constraintRight_toLeftOf="@+id/steering_circular"
         app:layout_constraintTop_toTopOf="parent" />
 
     <TextView
         android:id="@+id/steering_tv_right"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="-10px"
-        android:layout_marginTop="@dimen/dp_50"
+        android:layout_marginLeft="-16px"
+        android:layout_marginTop="@dimen/dp_72"
         android:gravity="left"
         android:text="180°"
         android:textColor="#415479"
-        android:textSize="@dimen/dp_26"
-        app:layout_constraintLeft_toRightOf="@+id/autopilot_iv"
+        android:textSize="@dimen/dp_38"
+        app:layout_constraintLeft_toRightOf="@+id/steering_circular"
         app:layout_constraintTop_toTopOf="parent" />
 
-    <com.mogo.eagle.core.function.hmi.ui.widget.CircularProgressView
-        android:id="@+id/steering_circular"
-        android:layout_width="@dimen/dp_180"
-        android:layout_height="@dimen/dp_180"
-        android:layout_alignParentTop="true"
-        android:layout_centerHorizontal="true"
-        android:layout_marginTop="@dimen/dp_36"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        app:progWidth="8px"
-        app:progress="0" />
 
     <ImageView
-        android:id="@+id/autopilot_iv"
-        android:layout_width="@dimen/dp_186"
-        android:layout_height="@dimen/dp_186"
-        android:layout_centerHorizontal="true"
-        android:layout_gravity="center_horizontal"
-        android:layout_marginTop="@dimen/dp_34"
-        android:src="@drawable/bg_auto"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <ImageView
-        android:layout_width="@dimen/dp_40"
-        android:layout_height="@dimen/dp_40"
+        android:layout_width="@dimen/dp_58"
+        android:layout_height="@dimen/dp_58"
         android:src="@drawable/icon_in_steering"
         app:layout_constraintBottom_toBottomOf="@+id/autopilot_iv"
         app:layout_constraintLeft_toLeftOf="@+id/autopilot_iv"
@@ -82,9 +84,9 @@
 
     <com.mogo.eagle.core.function.hmi.ui.widget.TapPositionView
         android:id="@+id/tap_position"
-        android:layout_width="@dimen/dp_240"
+        android:layout_width="@dimen/dp_390"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="@dimen/dp_20"
+        android:layout_marginBottom="@dimen/dp_42"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_taxi.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_taxi.xml
index b61a1e2afc..c11ff4b07c 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_taxi.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_steering_wheel_taxi.xml
@@ -11,7 +11,7 @@
         android:layout_height="@dimen/dp_240"
         android:layout_centerHorizontal="true"
         android:layout_gravity="center_horizontal"
-        android:layout_marginTop="@dimen/dp_140"
+        android:layout_marginTop="@dimen/dp_152"
         android:src="@drawable/bg_auto"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_tap_position.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_tap_position.xml
index 8165b46cf7..5ed8d38be7 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_tap_position.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_tap_position.xml
@@ -13,7 +13,7 @@
         android:text="P"
         android:textAlignment="center"
         android:textColor="#6E8EC9"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/dp_46"
         android:textStyle="bold"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
@@ -28,7 +28,7 @@
         android:text="R"
         android:textAlignment="center"
         android:textColor="#6E8EC9"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/dp_46"
         android:textStyle="bold"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toRightOf="@+id/tap_p"
@@ -43,7 +43,7 @@
         android:text="N"
         android:textAlignment="center"
         android:textColor="#6E8EC9"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/dp_46"
         android:textStyle="bold"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toRightOf="@+id/tap_r"
@@ -58,7 +58,7 @@
         android:text="D"
         android:textAlignment="center"
         android:textColor="#0043FF"
-        android:textSize="@dimen/dp_32"
+        android:textSize="@dimen/dp_46"
         android:textStyle="bold"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toRightOf="@+id/tap_n"
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
index f055c0f405..a9df74cf22 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
@@ -55,7 +55,7 @@
     <color name="hmi_traffic_light_yellow_color_up">#FFFFE198</color>
     <color name="hmi_traffic_light_yellow_color_down">#FFFF9B00</color>
     <color name="hmi_light_blue">#45D3FF</color>
-    <color name="hmi_dark_blue">#3261B6</color>
+    <color name="hmi_dark_blue">#1B5BFF</color>
     <color name="hmi_light_back_bg">#1EBBCFF6</color>
     <color name="hmi_light_blue_alpha_00">#D945D3FF</color>
     <color name="hmi_light_blue_alpha_ff">#D93261B6</color>
diff --git a/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1440/dimens.xml b/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1440/dimens.xml
index 36a6e225b7..14acd043e2 100644
--- a/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1440/dimens.xml
+++ b/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1440/dimens.xml
@@ -2,6 +2,8 @@
 <resources>
     <dimen name="dp_12">12px</dimen>
     <dimen name="dp_20">20px</dimen>
+    <dimen name="dp_22">22px</dimen>
+    <dimen name="dp_88">88px</dimen>
     <dimen name="module_v2n_tip_text_margin_right">26px</dimen>
     <dimen name="warning_distance_right">30px</dimen>
     <dimen name="dp_630">630px</dimen>
diff --git a/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1600/dimens.xml b/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1600/dimens.xml
index c4a29618fd..13f48cd860 100644
--- a/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1600/dimens.xml
+++ b/modules/mogo-module-common/src/main/res/values-xhdpi-2560x1600/dimens.xml
@@ -13,6 +13,8 @@
     <dimen name="module_v2x_brake_image_margin_left">37px</dimen>
     <dimen name="module_v2x_brake_image_margin_right">27px</dimen>
     <dimen name="dp_20">20px</dimen>
+    <dimen name="dp_22">22px</dimen>
+    <dimen name="dp_88">88px</dimen>
     <dimen name="dp_90">90px</dimen>
     <dimen name="dp_144">144px</dimen>
     <dimen name="dp_186">186px</dimen>