diff --git a/package-lock.json b/package-lock.json
index 0648336..55367a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
       "dependencies": {
         "@meshtastic/js": "^2.3.7-5",
         "@vitejs/plugin-vue": "^5.2.0",
+        "click-outside-vue3": "^4.0.1",
         "moment": "^2.30.1",
         "vite": "^5.4.11",
         "vue": "^3.5.12",
@@ -1091,6 +1092,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/click-outside-vue3": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/click-outside-vue3/-/click-outside-vue3-4.0.1.tgz",
+      "integrity": "sha512-sbplNecrup5oGqA3o4bo8XmvHRT6q9fvw21Z67aDbTqB9M6LF7CuYLTlLvNtOgKU6W3zst5H5zJuEh4auqA34g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
diff --git a/package.json b/package.json
index 3af0bf8..66019d0 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@meshtastic/js": "^2.3.7-5",
     "@vitejs/plugin-vue": "^5.2.0",
+    "click-outside-vue3": "^4.0.1",
     "moment": "^2.30.1",
     "vite": "^5.4.11",
     "vue": "^3.5.12",
diff --git a/src/components/DropDownMenu.vue b/src/components/DropDownMenu.vue
new file mode 100644
index 0000000..9bc9d15
--- /dev/null
+++ b/src/components/DropDownMenu.vue
@@ -0,0 +1,92 @@
+<template>
+    <div v-click-outside="{ handler: onClickOutsideMenu, capture: true }" class="relative inline-block text-left">
+
+        <!-- menu button -->
+        <div ref="dropdown-button" @click.stop="toggleMenu">
+            <slot name="button"/>
+        </div>
+
+        <!-- drop down menu -->
+        <Transition
+            enter-active-class="transition ease-out duration-100"
+            enter-from-class="transform opacity-0 scale-95"
+            enter-to-class="transform opacity-100 scale-100"
+            leave-active-class="transition ease-in duration-75"
+            leave-from-class="transform opacity-100 scale-100"
+            leave-to-class="transform opacity-0 scale-95">
+            <div v-if="isShowingMenu" @click.stop="hideMenu" class="overflow-hidden absolute right-0 z-10 mr-4 w-56 divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none" :class="[ dropdownClass ]">
+                <slot name="items"/>
+            </div>
+        </Transition>
+
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DropDownMenu',
+    data() {
+        return {
+            isShowingMenu: false,
+            dropdownClass: null,
+        };
+    },
+    methods: {
+        toggleMenu() {
+            if(this.isShowingMenu){
+                this.hideMenu();
+            } else {
+                this.showMenu();
+            }
+        },
+        showMenu() {
+            this.isShowingMenu = true;
+            this.adjustDropdownPosition();
+        },
+        hideMenu() {
+            this.isShowingMenu = false;
+        },
+        onClickOutsideMenu(event) {
+            if(this.isShowingMenu){
+                event.preventDefault();
+                this.hideMenu();
+            }
+        },
+        adjustDropdownPosition() {
+            this.$nextTick(() => {
+
+                // find button and dropdown
+                const button = this.$refs["dropdown-button"];
+                const dropdown = button.nextElementSibling;
+
+                // do nothing if not found
+                if(!button || !dropdown){
+                    return;
+                }
+
+                // get bounding box of button and dropdown
+                const buttonRect = button.getBoundingClientRect();
+                const dropdownRect = dropdown.getBoundingClientRect();
+
+                // calculate how much space is under and above the button
+                const spaceBelowButton = window.innerHeight - buttonRect.bottom;
+                const spaceAboveButton = buttonRect.top;
+
+                // calculate if there is enough space available to show dropdown
+                const hasEnoughSpaceAboveButton = spaceAboveButton > dropdownRect.height;
+                const hasEnoughSpaceBelowButton = spaceBelowButton > dropdownRect.height;
+
+                // show dropdown above button
+                if(hasEnoughSpaceAboveButton && !hasEnoughSpaceBelowButton){
+                    this.dropdownClass = "bottom-0 mb-12";
+                    return;
+                }
+
+                // otherwise fallback to showing dropdown below button
+                this.dropdownClass = "top-0 mt-12";
+
+            });
+        },
+    },
+}
+</script>
diff --git a/src/components/DropDownMenuItem.vue b/src/components/DropDownMenuItem.vue
new file mode 100644
index 0000000..9ed8a6a
--- /dev/null
+++ b/src/components/DropDownMenuItem.vue
@@ -0,0 +1,21 @@
+<template>
+    <div class="group flex items-center p-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 hover:outline-none">
+
+        <!-- icon -->
+        <div class="mr-2 text-gray-400 group-hover:text-gray-500">
+            <slot name="icon"/>
+        </div>
+
+        <!-- label -->
+        <div>
+            <slot name="label"/>
+        </div>
+
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DropDownMenuItem',
+}
+</script>
diff --git a/src/components/nodes/NodeIcon.vue b/src/components/nodes/NodeIcon.vue
index 89f8ac7..8d1735c 100644
--- a/src/components/nodes/NodeIcon.vue
+++ b/src/components/nodes/NodeIcon.vue
@@ -1,6 +1,8 @@
 <template>
-    <div class="flex rounded-full h-12 w-12 text-white shadow" :style="{ backgroundColor: getNodeColour(node.num), color: getNodeTextColour(node.num)}">
-        <div class="mx-auto my-auto drop-shadow-sm">{{ getNodeShortName(node.num) }}</div>
+    <div>
+        <div class="flex rounded-full h-12 w-12 text-white shadow" :style="{ backgroundColor: getNodeColour(node.num), color: getNodeTextColour(node.num)}">
+            <div class="mx-auto my-auto drop-shadow-sm">{{ getNodeShortName(node.num) }}</div>
+        </div>
     </div>
 </template>
 
diff --git a/src/components/nodes/NodesList.vue b/src/components/nodes/NodesList.vue
index e85934b..8de861f 100644
--- a/src/components/nodes/NodesList.vue
+++ b/src/components/nodes/NodesList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-col w-full overflow-hidden">
+    <div class="flex flex-col h-full w-full overflow-hidden">
 
         <!-- search -->
         <div v-if="nodes.length > 0" class="bg-white p-1 border-b border-gray-300">
@@ -7,14 +7,14 @@
         </div>
 
         <!-- nodes -->
-        <div class="overflow-y-auto">
-            <div v-for="node of searchedNodes" @click="onNodeClick(node)" class="flex cursor-pointer p-2 border-l-2" :class="[ selectedNodeId === node.num ? 'bg-gray-100 border-blue-500' : 'bg-white border-transparent hover:bg-gray-50 hover:border-gray-200']">
+        <div class="h-full overflow-y-auto">
+            <div :key="node.num" v-for="node of searchedNodes" @click="onNodeClick(node)" class="flex cursor-pointer p-2 border-l-2" :class="[ selectedNodeId === node.num ? 'bg-gray-100 border-blue-500' : 'bg-white border-transparent hover:bg-gray-50 hover:border-gray-200']">
 
                 <!-- icon -->
                 <NodeIcon :node="node" class="my-auto mr-2"/>
 
                 <!-- name and info -->
-                <div class="mr-2">
+                <div class="mr-auto">
                     <div>{{ getNodeLongName(node.num) }}</div>
                     <div class="text-sm text-gray-500">
 
@@ -40,6 +40,33 @@
                     </div>
                 </div>
 
+                <!-- drop down menu -->
+                <DropDownMenu>
+                    <template v-slot:button>
+                        <IconButton v-if="node" class="mx-2 bg-transparent text-gray-700">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z" />
+                            </svg>
+                        </IconButton>
+                    </template>
+                    <template v-slot:items>
+                        <div class="p-2">
+                            <div class="text-sm text-gray-500 font-semibold">{{ getNodeLongName(node.num) }}</div>
+                            <div class="text-sm text-gray-500">{{ getNodeHexId(node.num) }}</div>
+                        </div>
+                        <DropDownMenuItem @click="onDeleteNode(node)">
+                            <template v-slot:icon>
+                                <svg class="size-5 text-red-500" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z" clip-rule="evenodd" />
+                                </svg>
+                            </template>
+                            <template v-slot:label>
+                                <span class="text-red-500">Forget Node</span>
+                            </template>
+                        </DropDownMenuItem>
+                    </template>
+                </DropDownMenu>
+
             </div>
         </div>
 
@@ -51,10 +78,14 @@ import NodeUtils from "../../js/NodeUtils.js";
 import moment from "moment";
 import NodeIcon from "./NodeIcon.vue";
 import GlobalState from "../../js/GlobalState.js";
+import IconButton from "../IconButton.vue";
+import DropDownMenu from "../DropDownMenu.vue";
+import NodeAPI from "../../js/NodeAPI.js";
+import DropDownMenuItem from "../DropDownMenuItem.vue";
 
 export default {
     name: 'NodesList',
-    components: {NodeIcon},
+    components: {DropDownMenuItem, DropDownMenu, IconButton, NodeIcon},
     emits: [
         "node-click",
     ],
@@ -79,6 +110,17 @@ export default {
         formatUnixSecondsAgo(unixSeconds) {
             return moment.unix(unixSeconds).fromNow();
         },
+        async onDeleteNode(node) {
+
+            // confirm user wants to remove this node
+            if(!confirm("Are you sure you want to forget this node?")){
+                return;
+            }
+
+            // remove node
+            await NodeAPI.removeNodeByNum(node.num);
+
+        },
     },
     computed: {
         GlobalState() {
diff --git a/src/main.js b/src/main.js
index 388e5d0..68bd2df 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import { createRouter, createWebHashHistory } from 'vue-router';
+import vClickOutside from "click-outside-vue3";
 import "./style.css";
 
 import App from './components/App.vue';
@@ -41,6 +42,7 @@ const router = createRouter({
 
 createApp(App)
     .use(router)
+    .use(vClickOutside)
     .mount('#app');
 
 // disconnect before unloading page (chrome webview on android was crashing without this...)