diff --git a/frontend/components/connections/HostEditDialog.vue b/frontend/components/connections/HostEditDialog.vue
index aff5753..a34193d 100644
--- a/frontend/components/connections/HostEditDialog.vue
+++ b/frontend/components/connections/HostEditDialog.vue
@@ -139,10 +139,9 @@ async function save() {
 </script>
 
 <template>
-  <Teleport to="body">
-    <div v-if="visible" class="fixed inset-0 z-50 flex items-center justify-center">
-      <!-- Backdrop -->
-      <div class="absolute inset-0 bg-black/60" @click="close" />
+  <div v-if="visible" class="fixed inset-0 z-[9999] flex items-center justify-center">
+    <!-- Backdrop -->
+    <div class="absolute inset-0 bg-black/70" @click="close" />
       <!-- Dialog -->
       <div class="relative bg-gray-900 border border-gray-700 rounded-lg shadow-xl w-[480px] max-h-[90vh] overflow-y-auto">
         <!-- Header -->
@@ -248,6 +247,5 @@ async function save() {
           </button>
         </div>
       </div>
-    </div>
-  </Teleport>
+  </div>
 </template>