diff --git a/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml b/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
index 4918dd6b32..4446c317a0 100644
--- a/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
+++ b/modules/mogo-module-extensions/src/main/res/layout/module_ext_layout_entrance.xml
@@ -103,8 +103,8 @@
 
             <ImageView
                 android:id="@+id/module_entrance_id_uploading"
-                android:layout_width="@dimen/module_entrance_id_uploading_width"
-                android:layout_height="@dimen/module_entrance_id_uploading_height"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:gravity="center"
                 android:scaleType="fitCenter"
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
index 817d7c67f6..cb659d2f97 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
@@ -4,6 +4,7 @@ import android.animation.Animator;
 import android.animation.AnimatorInflater;
 import android.animation.AnimatorSet;
 import android.content.Context;
+import android.content.res.TypedArray;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.ImageView;
@@ -36,8 +37,16 @@ public class HeartLikeView extends LinearLayout implements Animator.AnimatorList
 
     public HeartLikeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
         super(context, attrs, defStyleAttr);
-        inflate(context, R.layout.view_heart_like, this);
-        mIllegalParkingLike = findViewById(R.id.ivIllegalParkingLike);
+        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.HeartLikeView, defStyleAttr,
+                0);
+        boolean showGrayBack = typedArray.getBoolean(R.styleable.HeartLikeView_showGrayBack, false);
+        if (showGrayBack) {
+            inflate(context, R.layout.view_heart_like_gray_back, this);
+            mIllegalParkingLike = findViewById(R.id.ivLikeForGrayBack);
+        } else {
+            inflate(context, R.layout.view_heart_like, this);
+            mIllegalParkingLike = findViewById(R.id.ivIllegalParkingLike);
+        }
 
         setOnClickListener(v -> {
             if (!isAnimator) {
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_history_heart_back.png b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_gray_back_heart.png
similarity index 100%
rename from modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_history_heart_back.png
rename to modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_gray_back_heart.png
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_heart_like_for_gray_back.png b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_heart_like_for_gray_back.png
new file mode 100644
index 0000000000..f3709207db
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/icon_heart_like_for_gray_back.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_heart_like_for_gray_back.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_heart_like_for_gray_back.png
new file mode 100644
index 0000000000..728ef1d32d
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_heart_like_for_gray_back.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
index c61b839713..bdd4fd14a4 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
@@ -90,7 +90,8 @@
         android:layout_marginEnd="@dimen/dp_40"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingUnLike"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent"
+        app:showGrayBack="true" />
 
     <com.mogo.module.v2x.view.HeartUnLikeView
         android:id="@+id/llIllegalParkingUnLike"
diff --git a/modules/mogo-module-v2x/src/main/res/layout/view_heart_like_gray_back.xml b/modules/mogo-module-v2x/src/main/res/layout/view_heart_like_gray_back.xml
new file mode 100644
index 0000000000..4ed769eea6
--- /dev/null
+++ b/modules/mogo-module-v2x/src/main/res/layout/view_heart_like_gray_back.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/llIllegalParkingLike"
+    android:layout_width="@dimen/module_v2x_event_button_size"
+    android:layout_height="@dimen/module_v2x_event_button_size"
+    android:background="@drawable/icon_gray_back_heart"
+    android:gravity="center">
+
+    <ImageView
+        android:id="@+id/ivLikeForGrayBack"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:src="@drawable/icon_heart_like_for_gray_back" />
+</LinearLayout>
\ No newline at end of file
diff --git a/modules/mogo-module-v2x/src/main/res/values/style.xml b/modules/mogo-module-v2x/src/main/res/values/style.xml
index 41038019b1..0918a68fcb 100644
--- a/modules/mogo-module-v2x/src/main/res/values/style.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/style.xml
@@ -7,4 +7,8 @@
     <style name="customTabLayoutTextAppearance" parent="TextAppearance.Design.Tab">
         <item name="android:textSize">@dimen/dp_40</item>
     </style>
+
+    <declare-styleable name="HeartLikeView">
+        <attr name="showGrayBack" format="boolean" />
+    </declare-styleable>
 </resources>
\ No newline at end of file
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-mdpi/icon_history_heart_back_light.png b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-mdpi/icon_history_heart_back_light.png
deleted file mode 100644
index 20b806a8cb..0000000000
Binary files a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-mdpi/icon_history_heart_back_light.png and /dev/null differ
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_gray_back_heart_light.png b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_gray_back_heart_light.png
new file mode 100644
index 0000000000..76868e80f5
Binary files /dev/null and b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_gray_back_heart_light.png differ
diff --git a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_history_heart_back_light.png b/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_history_heart_back_light.png
deleted file mode 100644
index 63d3c57392..0000000000
Binary files a/skin/mogo-skin-light/src/main/module-v2x-res/drawable-xhdpi/icon_history_heart_back_light.png and /dev/null differ