diff --git a/src/types/packet.ts b/src/types/packet.ts
index 5101acf0..c5584ea2 100644
--- a/src/types/packet.ts
+++ b/src/types/packet.ts
@@ -5,7 +5,7 @@ import {
   Ticker,
 } from "pixi.js";
 import { Edge, Position } from "./edge";
-import { selectElement } from "./viewportManager";
+import { deselectElement, isSelected, selectElement } from "./viewportManager";
 import { circleGraphicsContext, Colors, ZIndexLevels } from "../utils";
 import { RightBar } from "../index";
 
@@ -116,6 +116,9 @@ export class Packet extends Graphics {
       this.removeFromParent();
       if (this.currentPath.length == 0) {
         ticker.remove(this.animationTick, this);
+        if (isSelected(this)) {
+          deselectElement();
+        }
         this.destroy();
         return;
       }
diff --git a/src/types/viewportManager.ts b/src/types/viewportManager.ts
index 56ab99d8..06b795cc 100644
--- a/src/types/viewportManager.ts
+++ b/src/types/viewportManager.ts
@@ -35,6 +35,10 @@ export function refreshElement() {
   }
 }
 
+export function isSelected(element: Device | Edge | Packet) {
+  return element === selectedElement;
+}
+
 document.addEventListener("keydown", (event) => {
   if (event.key === "Delete" || event.key === "Backspace") {
     if (selectedElement) {