diff --git a/core/core-frontend/src/components/visualization/ComponentEditBar.vue b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
index db433813ec..ef4eb1ae11 100644
--- a/core/core-frontend/src/components/visualization/ComponentEditBar.vue
+++ b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
@@ -94,6 +94,7 @@
       placement="right-start"
       v-if="barShowCheck('setting')"
       ref="curDropdown"
+      popper-class="hide-focus_bg"
     >
       <el-icon class="bar-base-icon">
         <el-tooltip :content="t('visualization.more')" effect="dark" placement="bottom">
@@ -166,7 +167,6 @@
 
           <xpack-component
             :chart="element"
-            class="cbf"
             resource-table="snapshot"
             jsname="L2NvbXBvbmVudC90aHJlc2hvbGQtd2FybmluZy9FZGl0QmFySGFuZGxlcg=="
             @close-item="closeItem"
@@ -732,4 +732,12 @@ watch(
     outline: none;
   }
 }
+.ed-dropdown__popper.hide-focus_bg .ed-dropdown-menu__item:not(.is-disabled) {
+  &:focus {
+    background-color: transparent;
+  }
+  &:hover {
+    background-color: #1f23291a;
+  }
+}
 </style>