diff --git a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
index d16c6cacb9..36ecc326be 100644
--- a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
@@ -354,9 +354,9 @@ defineExpose({
         <div class="bottom-line"></div>
       </div>
       <div class="condition-type" v-if="[1, 2].includes(curComponent.conditionType)">
-        <sapn class="condition-type-tip">{{
+        <span class="condition-type-tip">{{
           curComponent.conditionType === 1 ? t('chart.and') : t('chart.or')
-        }}</sapn>
+        }}</span>
         <el-select
           v-if="!curComponent.hideConditionSwitching"
           class="condition-value-select"
diff --git a/core/core-frontend/src/custom-component/v-query/TextSearch.vue b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
index 9a98fbf4df..2bcca269b2 100644
--- a/core/core-frontend/src/custom-component/v-query/TextSearch.vue
+++ b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
@@ -142,9 +142,9 @@ const handleInnerMouseDown = e => {
       <div :style="lineWidth" class="bottom-line"></div>
     </div>
     <div class="condition-type" v-if="[1, 2].includes(config.conditionType)">
-      <sapn class="condition-type-tip">{{
+      <span class="condition-type-tip">{{
         config.conditionType === 1 ? t('chart.and') : t('chart.or')
-      }}</sapn>
+      }}</span>
       <el-select
         v-if="!config.hideConditionSwitching"
         class="condition-value-select"