diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue
index 3399d72b8d..e310e51d67 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/conditions.vue
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 <template>
-  <div class="conditions-model">
+  <div class="conditions-task">
     <m-list-box>
       <div slot="text">{{$t('Custom Parameters')}}</div>
       <div slot="content">
@@ -175,8 +175,8 @@
   }
 </script>
 
-<style lang="scss" rel="stylesheet/scss">
-  .conditions-model {
+<style lang="scss" rel="stylesheet/scss" scoped>
+  .conditions-task {
     margin-top: -10px;
     .dep-opt {
       margin-bottom: 10px;
diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/switch.vue b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/switch.vue
index 5e2e90dccd..30fecad9c9 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/switch.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/tasks/switch.vue
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 <template>
-  <div class="conditions-model">
+  <div class="switch-task">
     <m-list-box>
       <div slot="text">{{$t('condition')}}</div>
       <div slot="content">
@@ -181,8 +181,8 @@
   }
 </script>
 
-<style lang="scss" rel="stylesheet/scss">
-  .conditions-model {
+<style lang="scss" rel="stylesheet/scss" scoped>
+  .switch-task {
     margin-top: -10px;
     .dep-opt {
       margin-bottom: 10px;