diff --git a/package.json b/package.json
index 391b438..a014357 100644
--- a/package.json
+++ b/package.json
@@ -65,12 +65,9 @@
     "less": "^4.1.3",
     "lint-staged": "^13.1.2",
     "markdown-it-link-attributes": "^4.0.1",
-    "node-sass": "^9.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.21",
     "rimraf": "^4.3.0",
-    "sass": "^1.70.0",
-    "sass-loader": "^14.1.0",
     "tailwindcss": "^3.2.7",
     "typescript": "~4.9.5",
     "unplugin-auto-import": "^0.17.5",
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index ecc607b..f46989d 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -612,7 +612,7 @@ const customRequest = async (file) => {
 		</footer>
 	</div>
 </template>
-<style lang="scss" scoped>
+<style scoped>
 .fade-enter-active, .fade-leave-active {
   transition: opacity 0.4s ease-in-out;
 }
@@ -626,11 +626,10 @@ const customRequest = async (file) => {
 	z-index: 10;
 	left: 50%;
 	bottom: 100px;
-	.top {
-		transform: rotate(270deg) translateX(-50%);
-		width: min-content;
-		height: min-content;
-
-	}
+}
+.shortcut-arrow .top {
+  transform: rotate(270deg) translateX(-50%);
+  width: min-content;
+  height: min-content;
 }
 </style>