diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index 07876d27f..fd04e1311 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -297,11 +297,11 @@ export default {
 
         boxClass() {
             const array = [];
-            if (this.recordState === 'ing') {
-                if (this.recordDuration === 0) {
-                    array.push('record-ing');
-                } else {
+            if (['ready', 'ing'].includes(this.recordState)) {
+                if (this.recordState === 'ing' && this.recordDuration > 0) {
                     array.push('record-progress');
+                } else {
+                    array.push('record-ready');
                 }
             }
             if (this.showMore) {
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 7b6f32cb9..c773ba5e6 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -413,7 +413,7 @@ export default {
 
         wrapperClass() {
             if (['ready', 'ing'].includes(this.recordState)) {
-                return ['record-ing']
+                return ['record-ready']
             }
             return null
         },
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index 5c5035a44..51d414770 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -5,13 +5,13 @@
     display: inline-block;
     width: 100%;
 
-    &.record-ing {
+    &.record-ready {
         .chat-input-wrapper {
             .chat-toolbar {
                 > li {
                     &.chat-send {
                         &:before {
-                            transition: all 1s ease;
+                            transition: all 0.6s ease;
                             transform: translate(-50%, -50%) scale(2);
                         }
                     }
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 6a8afb018..a9509da78 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -9,7 +9,7 @@
     background-color: #ffffff;
     z-index: 1;
 
-    &.record-ing {
+    &.record-ready {
         overflow: hidden;
     }