diff --git a/package.json b/package.json
index 95f3faff7..465f9a945 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
     "espower-typescript": "^10.0.0",
     "execa": "^6.1.0",
     "fork-ts-checker-webpack-plugin": "^7.2.11",
+    "framer-motion": "^7.2.0",
     "fs-extra": "^10.1.0",
     "mocha": "^10.0.0",
     "power-assert": "^1.6.1",
diff --git a/src/renderer/components/EditHostsInfo.tsx b/src/renderer/components/EditHostsInfo.tsx
index e0df75b8d..52a7d26f4 100644
--- a/src/renderer/components/EditHostsInfo.tsx
+++ b/src/renderer/components/EditHostsInfo.tsx
@@ -282,7 +282,7 @@ const EditHostsInfo = () => {
   const footer_buttons = (
     <Grid templateColumns="1fr 1fr" style={{ width: '100%' }}>
       <Box>
-        {is_add ? null : (
+        {is_add ? null :hosts?.on?null: (
           <Button
             leftIcon={<BiTrash />}
             mr={3}
diff --git a/src/renderer/components/List/ListItem.tsx b/src/renderer/components/List/ListItem.tsx
index 4ea8c2c9b..12033a4cd 100644
--- a/src/renderer/components/List/ListItem.tsx
+++ b/src/renderer/components/List/ListItem.tsx
@@ -143,10 +143,10 @@ const ListItem = (props: Props) => {
                 })
             },
           },
-          {
+          !is_on ? {
             type: 'separator',
-          },
-          {
+          } : {},
+          !is_on ? {
             label:
               deal_count === 1
                 ? lang.move_to_trashcan
@@ -155,14 +155,14 @@ const ListItem = (props: Props) => {
               let ids = deal_count === 1 ? [data.id] : selected_ids
               agent.broadcast(events.move_to_trashcan, ids)
             },
-          },
+          } : {},
         ]
 
         if (data.type !== 'remote') {
           menu_items = menu_items.filter((i) => i.label !== lang.refresh)
         }
 
-        const menu = new PopupMenu(menu_items)
+        const menu = new PopupMenu(menu_items.filter(item => Object.keys(item).length))
 
         !data.is_sys && !is_tray && menu.show()
         e.preventDefault()