diff --git a/ui/src/components/layout/BookmarkLink.vue b/ui/src/components/layout/BookmarkLink.vue
index 8ac45acf26..52651920a8 100644
--- a/ui/src/components/layout/BookmarkLink.vue
+++ b/ui/src/components/layout/BookmarkLink.vue
@@ -5,6 +5,7 @@
     import DeleteOutline from "vue-material-design-icons/DeleteOutline.vue";
     import PencilOutline from "vue-material-design-icons/PencilOutline.vue";
     import CheckCircle from "vue-material-design-icons/CheckCircle.vue";
+    import {ElMessageBox} from "element-plus";
 
     const {t} = useI18n();
 
@@ -20,9 +21,13 @@
     const titleInput = ref<{focus: () => void, select: () => void} | null>(null)
 
     function deleteBookmark() {
-        $store.dispatch("bookmarks/remove", {
-            path: props.href
-        })
+        ElMessageBox.confirm(t("remove_bookmark"), t("confirmation"), {
+            type: "warning",
+            confirmButtonText: t("ok"),
+            cancelButtonText: t("close"),
+        }).then(() => {
+            $store.dispatch("bookmarks/remove", {path: props.href});
+        });
     }
 
     function startEditBookmark() {
diff --git a/ui/src/translations/en.json b/ui/src/translations/en.json
index e8794025f2..27719d13ee 100644
--- a/ui/src/translations/en.json
+++ b/ui/src/translations/en.json
@@ -953,6 +953,7 @@
     "optional": "Optional",
     "no_data": "Looks like there's nothing here… yet!<br/>Adjust your filters, or give it another go!",
     "bookmark": "Bookmarks",
+    "remove_bookmark": "Are you sure you want to remove this bookmark?",
     "showLess": "Show less",
     "showMore": "Show more",
     "documentationMenu": "Documentation menu",