diff --git a/dashboard/src/components/extension/PluginSortControl.vue b/dashboard/src/components/extension/PluginSortControl.vue
index 2d4d78dd3..715470683 100644
--- a/dashboard/src/components/extension/PluginSortControl.vue
+++ b/dashboard/src/components/extension/PluginSortControl.vue
@@ -96,10 +96,10 @@ const toggleOrder = () => {
   max-width: 220px;
 }
 
-.plugin-sort-control__select :deep(.v-field__input),
-.plugin-sort-control__select :deep(.v-field-label),
-.plugin-sort-control__select :deep(.v-select__selection-text),
-.plugin-sort-control__select :deep(.v-field__prepend-inner) {
+.plugin-sort-control__select ::v-deep(.v-field__input),
+.plugin-sort-control__select ::v-deep(.v-field-label),
+.plugin-sort-control__select ::v-deep(.v-select__selection-text),
+.plugin-sort-control__select ::v-deep(.v-field__prepend-inner) {
   font-size: 0.875rem;
 }
 </style>
diff --git a/dashboard/src/components/extension/SkillsSection.vue b/dashboard/src/components/extension/SkillsSection.vue
index 69a9484fc..36947cd89 100644
--- a/dashboard/src/components/extension/SkillsSection.vue
+++ b/dashboard/src/components/extension/SkillsSection.vue
@@ -1897,11 +1897,11 @@ export default {
   border-radius: 14px;
 }
 
-.neo-data-table :deep(.v-data-table-header__content) {
+.neo-data-table ::v-deep(.v-data-table-header__content) {
   font-weight: 700;
 }
 
-.neo-data-table :deep(tbody tr:hover) {
+.neo-data-table ::v-deep(tbody tr:hover) {
   background: rgba(var(--v-theme-primary), 0.04);
 }
 
diff --git a/dashboard/src/components/shared/AstrBotConfigV4.vue b/dashboard/src/components/shared/AstrBotConfigV4.vue
index ca7e35d70..0eae0bacd 100644
--- a/dashboard/src/components/shared/AstrBotConfigV4.vue
+++ b/dashboard/src/components/shared/AstrBotConfigV4.vue
@@ -400,8 +400,8 @@ function getSpecialSubtype(value) {
   margin-top: 2px;
 }
 
-.config-hint :deep(a),
-.property-hint :deep(a) {
+.config-hint ::v-deep(a),
+.property-hint ::v-deep(a) {
   color: var(--v-theme-primary);
   text-decoration: underline;
 }