diff --git a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
index 525c6334eb..99c1caa6b0 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -275,7 +275,7 @@ const areaClick = area => {
                 :title="element.name"
                 class="component-item"
                 :class="{
-                  'container-item-not-show': !element.isShow,
+                  'container-item-not-show': !element.isShow || !canvasStyleData.popupAvailable,
                   activated:
                     (curComponent && curComponent?.id === element?.id) ||
                     areaData.components.includes(element)
@@ -478,6 +478,7 @@ const areaClick = area => {
     </el-row>
     <Teleport v-if="editComponentId && nameEdit" :to="editComponentId">
       <input
+        class="custom-teleport"
         @keydown.stop
         @keyup.stop
         ref="nameInput"
@@ -684,6 +685,10 @@ const areaClick = area => {
 .layer-screen {
   border-top: rgba(255, 255, 255, 0.15) 1px solid;
 }
+
+.custom-teleport {
+  background: #1a1a1a !important;
+}
 </style>
 
 <style lang="less">