diff --git a/dashboard/src/components/chat/ProviderConfigDialog.vue b/dashboard/src/components/chat/ProviderConfigDialog.vue
index bf016a0eb..2d2c7efe0 100644
--- a/dashboard/src/components/chat/ProviderConfigDialog.vue
+++ b/dashboard/src/components/chat/ProviderConfigDialog.vue
@@ -484,11 +484,11 @@ onBeforeUnmount(() => {
 }
 
 @media (max-width: 768px) {
-  .provider-config-dialog :deep(.v-card-title) {
+  .provider-config-dialog ::v-deep(.v-card-title) {
     padding: 12px 16px !important;
   }
 
-  .provider-config-dialog :deep(.v-card-title .text-h2) {
+  .provider-config-dialog ::v-deep(.v-card-title .text-h2) {
     font-size: 1.5rem !important;
   }
 }
diff --git a/dashboard/src/components/chat/message_list_comps/IPythonToolBlock.vue b/dashboard/src/components/chat/message_list_comps/IPythonToolBlock.vue
index e9b689447..8a4272065 100644
--- a/dashboard/src/components/chat/message_list_comps/IPythonToolBlock.vue
+++ b/dashboard/src/components/chat/message_list_comps/IPythonToolBlock.vue
@@ -202,7 +202,7 @@ onMounted(async () => {
     animation: fadeIn 0.2s ease-in-out;
 }
 
-:deep(.code-highlighted pre) {
+::v-deep(.code-highlighted pre) {
     background-color: transparent !important;
 }
 
diff --git a/dashboard/src/components/extension/componentPanel/components/CommandFilters.vue b/dashboard/src/components/extension/componentPanel/components/CommandFilters.vue
index 5c3fd74f6..234cb3798 100644
--- a/dashboard/src/components/extension/componentPanel/components/CommandFilters.vue
+++ b/dashboard/src/components/extension/componentPanel/components/CommandFilters.vue
@@ -185,7 +185,7 @@ const statusItems = [
   flex: none;
 }
 
-.system-plugin-checkbox :deep(.v-selection-control) {
+.system-plugin-checkbox ::v-deep(.v-selection-control) {
   min-height: auto;
 }
 </style>
diff --git a/dashboard/src/components/extension/componentPanel/components/ToolTable.vue b/dashboard/src/components/extension/componentPanel/components/ToolTable.vue
index c64387473..d7d074a3c 100644
--- a/dashboard/src/components/extension/componentPanel/components/ToolTable.vue
+++ b/dashboard/src/components/extension/componentPanel/components/ToolTable.vue
@@ -220,7 +220,7 @@ const isInternal = (tool: ToolItem) => tool.source === 'internal';
   border-radius: 8px;
 }
 
-.tool-table :deep(.v-data-table__td) {
+.tool-table ::v-deep(.v-data-table__td) {
   vertical-align: middle;
 }
 
diff --git a/dashboard/src/components/folder/BaseFolderItemSelector.vue b/dashboard/src/components/folder/BaseFolderItemSelector.vue
index 9eb828cd0..1a4d72818 100644
--- a/dashboard/src/components/folder/BaseFolderItemSelector.vue
+++ b/dashboard/src/components/folder/BaseFolderItemSelector.vue
@@ -765,7 +765,7 @@ export default defineComponent({
     overflow-x: auto;
   }
 
-  .breadcrumb-bar :deep(.v-breadcrumbs) {
+  .breadcrumb-bar ::v-deep(.v-breadcrumbs) {
     flex-wrap: nowrap;
     min-width: max-content;
   }
diff --git a/dashboard/src/components/shared/ConfigItemRenderer.vue b/dashboard/src/components/shared/ConfigItemRenderer.vue
index 23ab3a17e..517bd9878 100644
--- a/dashboard/src/components/shared/ConfigItemRenderer.vue
+++ b/dashboard/src/components/shared/ConfigItemRenderer.vue
@@ -391,7 +391,7 @@ function getSpecialSubtype(value) {
   gap: 20px;
 }
 
-:deep(.v-field__input) {
+::v-deep(.v-field__input) {
   font-size: 14px;
 }
 </style>