diff --git a/app/build.gradle b/app/build.gradle
index 6e776b5ff..eb9d76a5f 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -265,6 +265,8 @@ dependencies {
 
     implementation 'com.github.yalantis:ucrop:2.2.7'
 
+    implementation 'com.github.lihangleo2:ShadowLayout:3.3.2'
+
 }
 
 channel {
diff --git a/app/src/main/res/layout/activity_sound_signature.xml b/app/src/main/res/layout/activity_sound_signature.xml
index 9cb08dfd8..7f5867916 100644
--- a/app/src/main/res/layout/activity_sound_signature.xml
+++ b/app/src/main/res/layout/activity_sound_signature.xml
@@ -18,66 +18,84 @@
         app:layout_constraintStart_toStartOf="@+id/ivSoundTranscribe"
         app:layout_constraintTop_toBottomOf="@+id/ivSoundTranscribe" />
 
-    <FrameLayout
+    <com.lihang.ShadowLayout
         android:id="@+id/frRestartBg"
-        android:layout_width="42dp"
-        android:layout_height="42dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
         android:layout_marginTop="@dimen/dp_16"
-        android:background="@drawable/bg_ffffff_r360"
-        android:elevation="1dp"
+        app:hl_cornerRadius="360dp"
+        app:hl_shadowColor="#2a000000"
+        app:hl_shadowOffsetX="@dimen/dp_0"
+        app:hl_shadowOffsetY="1dp"
+        app:hl_shadowLimit="@dimen/dp_12"
         app:layout_constraintEnd_toStartOf="@+id/frPlayBg"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="@+id/frPlayBg">
 
         <androidx.appcompat.widget.AppCompatImageView
             android:id="@+id/ivRestartRecord"
-            android:layout_width="@dimen/dp_18"
-            android:layout_height="@dimen/dp_18"
+            android:layout_width="42dp"
+            android:layout_height="42dp"
+            android:paddingStart="@dimen/dp_12"
+            android:paddingEnd="@dimen/dp_12"
+            android:background="@drawable/bg_ffffff_r360"
             android:layout_gravity="center"
             android:src="@drawable/ic_restart_record" />
 
-    </FrameLayout>
+    </com.lihang.ShadowLayout>
 
-    <androidx.cardview.widget.CardView
+    <com.lihang.ShadowLayout
         android:id="@+id/frPlayBg"
-        android:layout_width="64dp"
-        android:layout_height="64dp"
-        app:cardCornerRadius="360dp"
-        app:cardBackgroundColor="@color/color_white"
-        app:cardElevation="10dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
         app:layout_constraintBottom_toTopOf="@+id/tvRecordTip"
         app:layout_constraintEnd_toEndOf="@+id/ivSoundTranscribe"
         app:layout_constraintStart_toStartOf="@+id/ivSoundTranscribe"
         app:layout_constraintTop_toBottomOf="@+id/tvTip"
-        app:layout_constraintVertical_chainStyle="packed">
+        app:layout_constraintVertical_chainStyle="packed"
+        app:hl_cornerRadius="360dp"
+        app:hl_shadowColor="#2a000000"
+        app:hl_shadowOffsetX="@dimen/dp_0"
+        app:hl_shadowOffsetY="1dp"
+        app:hl_shadowLimit="@dimen/dp_12">
 
         <androidx.appcompat.widget.AppCompatImageView
             android:id="@+id/ivSoundStatus"
-            android:layout_width="@dimen/dp_28"
-            android:layout_height="@dimen/dp_28"
+            android:layout_width="64dp"
+            android:layout_height="64dp"
+            android:paddingStart="@dimen/dp_18"
+            android:paddingEnd="@dimen/dp_18"
+            android:background="@drawable/bg_ffffff_r360"
             android:layout_gravity="center"
             android:src="@drawable/ic_prepare_record" />
 
-    </androidx.cardview.widget.CardView>
+    </com.lihang.ShadowLayout>
 
-    <FrameLayout
+    <com.lihang.ShadowLayout
         android:id="@+id/frDeleteBg"
-        android:layout_width="42dp"
-        android:layout_height="42dp"
-        android:background="@drawable/bg_ffffff_r360"
-        android:elevation="1dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/dp_16"
+        app:hl_cornerRadius="360dp"
+        app:hl_shadowColor="#2a000000"
+        app:hl_shadowOffsetX="@dimen/dp_0"
+        app:hl_shadowOffsetY="1dp"
+        app:hl_shadowLimit="@dimen/dp_12"
         app:layout_constraintBottom_toBottomOf="@+id/ivSaveRecord"
         app:layout_constraintEnd_toEndOf="@+id/ivSaveRecord"
         app:layout_constraintStart_toStartOf="@+id/ivSaveRecord"
         app:layout_constraintTop_toTopOf="@+id/ivSaveRecord">
 
         <androidx.appcompat.widget.AppCompatImageView
-            android:layout_width="@dimen/dp_18"
-            android:layout_height="@dimen/dp_18"
+            android:layout_width="42dp"
+            android:layout_height="42dp"
+            android:paddingStart="@dimen/dp_12"
+            android:paddingEnd="@dimen/dp_12"
+            android:background="@drawable/bg_ffffff_r360"
             android:layout_gravity="center"
             android:src="@drawable/ic_delete_sound" />
 
-    </FrameLayout>
+    </com.lihang.ShadowLayout>
 
     <View
         android:layout_width="match_parent"