diff --git a/console/src/components/form/AnnotationsForm.vue b/console/src/components/form/AnnotationsForm.vue
index 11cb2400520..9bb06fd55b7 100644
--- a/console/src/components/form/AnnotationsForm.vue
+++ b/console/src/components/form/AnnotationsForm.vue
@@ -13,6 +13,7 @@ import cloneDeep from "lodash.clonedeep";
 import { getValidationMessages } from "@formkit/validation";
 import { useThemeStore } from "@/stores/theme";
 import { randomUUID } from "@/utils/id";
+import { onUnmounted } from "vue";
 
 const themeStore = useThemeStore();
 
@@ -150,9 +151,20 @@ onMounted(async () => {
   handleProcessCustomAnnotations();
 });
 
+onUnmounted(() => {
+  cleanAnnotations();
+  annotationSettings.value = [];
+});
+
+const cleanAnnotations = () => {
+  annotations.value = {};
+  customAnnotationsState.value = [];
+};
+
 watch(
   () => props.value,
   (value) => {
+    cleanAnnotations();
     reset(specFormId);
     reset(customFormId);
     annotations.value = cloneDeep(props.value) || {};