diff --git a/package.json b/package.json
index 1c445f563..de01538c1 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,8 @@
         "openpgp_hi": "^5.7.0-1",
         "photoswipe": "^5.2.8",
         "postcss": "^8.4.5",
-        "quill-hi": "^2.0.0",
-        "quill-mention-hi": "^4.0.0-7",
+        "quill-hi": "2.0.0-1",
+        "quill-mention-hi": "4.0.0-7",
         "resolve-url-loader": "^4.0.0",
         "sass": "^1.71.1",
         "sass-loader": "^14.1.1",
diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index cc1d758b2..a24118b26 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -277,7 +277,7 @@ export default {
         toolbar: {
             type: Array,
             default: () => {
-                return ['bold', 'strike', 'italic', 'underline', 'blockquote', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}]
+                return ['bold', 'strike', 'italic', 'underline', 'blockquote', 'link', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}]
             },
         },
         maxlength: {
@@ -646,6 +646,7 @@ export default {
             // Options
             this._options = Object.assign({
                 theme: 'bubble',
+                bubbleTooltipTop: true,
                 formats: ['bold', 'strike', 'italic', 'underline', 'blockquote', 'list', 'link', 'image', 'mention'],
                 readOnly: false,
                 placeholder: this.placeholder,
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index 0671dfe96..993bcc71d 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -243,6 +243,13 @@
         .ql-bubble {
             .ql-tooltip {
                 z-index: 1;
+                button {
+                    &.ql-active {
+                        position: relative;
+                        background: #3d3d3d;
+                        border-radius: 6px;
+                    }
+                }
                 .ql-formats {
                     display: flex;
                     align-items: center;