diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SingleTrafficLightView.kt b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SingleTrafficLightView.kt
index 56b5d25457..fe5bd2eccc 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SingleTrafficLightView.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/SingleTrafficLightView.kt
@@ -181,6 +181,8 @@ class SingleTrafficLightView @JvmOverloads constructor(
                 mLightSourceDivider!!.visibility = VISIBLE
                 mLightTimeTV?.visibility = GONE
                 mTrafficLightClBG?.setBackgroundResource(R.drawable.icon_single_traffic_light_perception_bg)
+                mTrafficLightClBG?.layoutParams?.width =
+                    context.resources.getDimension(R.dimen.dp_280).toInt()
             }
         }
     }
@@ -395,7 +397,8 @@ class SingleTrafficLightView @JvmOverloads constructor(
             mLightSourceDivider!!.visibility = VISIBLE
             mLightTimeTV?.visibility = VISIBLE
             mTrafficLightClBG?.setBackgroundResource(R.drawable.icon_single_traffic_light_bg)
-
+            mTrafficLightClBG?.layoutParams?.width =
+                context.resources.getDimension(R.dimen.dp_368).toInt()
         }
     }
 
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_view_traffic_light.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_view_traffic_light.xml
index c5e84468e4..a57e7b9325 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_view_traffic_light.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/hmi_view_traffic_light.xml
@@ -15,38 +15,41 @@
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         android:contentDescription="@string/traffic_light_status"
-        android:layout_marginStart="@dimen/dp_20"
+        android:layout_marginStart="@dimen/dp_25"
+        android:layout_marginBottom="@dimen/dp_12"
         />
 
     <com.mogo.eagle.core.function.hmi.ui.widget.TypefaceTextView
         android:id="@+id/hmi_traffic_light_time_tv"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="@id/hmi_traffic_light_iv"
+        app:layout_constraintBottom_toBottomOf="@id/hmi_traffic_light_iv"
         app:layout_constraintLeft_toRightOf="@id/hmi_traffic_light_iv"
+        app:layout_constraintRight_toLeftOf="@id/hmi_traffic_light_divider"
         android:textColor="@color/white"
-        android:textSize="@dimen/sp_80"
+        android:textSize="@dimen/sp_90"
         app:textType="DS_DIGIB_2"
+        android:layout_marginEnd="@dimen/dp_25"
         />
 
     <View
         android:id="@+id/hmi_traffic_light_divider"
         android:layout_width="@dimen/dp_2"
-        android:layout_height="@dimen/dp_80"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_height="@dimen/dp_70"
+        app:layout_constraintTop_toTopOf="@id/hmi_traffic_light_iv"
+        app:layout_constraintBottom_toBottomOf="@id/hmi_traffic_light_iv"
         android:background="#999999"
         app:layout_constraintRight_toLeftOf="@id/hmi_traffic_light_source_image"
-        android:layout_marginEnd="@dimen/dp_20"
+        android:layout_marginEnd="@dimen/dp_10"
         />
 
     <ImageView
         android:id="@+id/hmi_traffic_light_source_image"
         android:layout_width="@dimen/dp_60"
         android:layout_height="@dimen/dp_120"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="@id/hmi_traffic_light_iv"
+        app:layout_constraintBottom_toBottomOf="@id/hmi_traffic_light_iv"
         app:layout_constraintRight_toRightOf="parent"
         android:contentDescription="@string/traffic_light_source"
         android:layout_marginEnd="@dimen/dp_50"