diff --git a/CHANGELOG.md b/CHANGELOG.md
index f46ba1721..abbec6f48 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 * Support PURLs in affected components (`OSIDB-3412`)
 * Increase step value for affects and trackers per page (`OSIDB-3508`)
 * Support showing all trackers/affects in single page (`OSIDB-3506`)
+* Add suggestions on CWE Field (`OSIDB-3743`)
 
 
 ### Fixed
diff --git a/src/assets/main.css b/src/assets/main.css
index 09cf2b54d..666b3ede3 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -76,3 +76,15 @@ table {
   pointer-events: none;
   opacity: 0.5;
 }
+
+.flex-1 {
+  flex: 1;
+}
+
+.flex-2 {
+  flex: 2;
+}
+
+.flex-3 {
+  flex: 3;
+}
diff --git a/src/components/CweSelector/CweSelector.vue b/src/components/CweSelector/CweSelector.vue
new file mode 100644
index 000000000..a5ce64208
--- /dev/null
+++ b/src/components/CweSelector/CweSelector.vue
@@ -0,0 +1,191 @@
+<script setup lang="ts">
+import { ref, onMounted, nextTick } from 'vue';
+
+import EditableTextWithSuggestions from '@/widgets/EditableTextWithSuggestions/EditableTextWithSuggestions.vue';
+import LabelDiv from '@/widgets/LabelDiv/LabelDiv.vue';
+import type { CWEMemberType } from '@/types/mitreCwe';
+import { DATA_KEY } from '@/services/CweService';
+
+withDefaults(defineProps<{
+  error?: string;
+  label?: string;
+}>(), {
+  label: '',
+  error: undefined,
+});
+
+const modelValue = defineModel<null | string>('modelValue', { default: null });
+
+const queryRef = ref('');
+
+const cweData = ref<CWEMemberType[]>([]);
+const suggestions = ref<CWEMemberType[]>([]);
+const selectedIndex = ref(-1);
+
+const loadCweData = () => {
+  const data = localStorage.getItem(DATA_KEY);
+  if (data) {
+    try {
+      cweData.value = JSON.parse(data);
+    } catch (e) {
+      console.error('CWESelector:loadCweData() Failed to parse CWE data:', e);
+    }
+  }
+};
+
+const filterSuggestions = (query: string) => {
+  queryRef.value = query;
+  const queryParts = query.toLowerCase().split(/(->|\(|\)|\|)/);
+  const lastQueryPart = queryParts[queryParts.length - 1];
+
+  suggestions.value = cweData.value.filter(
+    (cwe: CWEMemberType) =>
+      cwe.id.toLowerCase().includes(lastQueryPart)
+      || `CWE-${cwe.id}`.toLowerCase().includes(lastQueryPart)
+      || cwe.name.toLowerCase().includes(lastQueryPart)
+      || cwe.status.toLowerCase().includes(lastQueryPart)
+      || cwe.usage.toLowerCase().includes(lastQueryPart),
+  );
+
+  if (suggestions.value.length === 0) {
+    suggestions.value = cweData.value;
+  }
+};
+
+const handleSuggestionClick = (fn: (args?: any) => void, suggestion: string) => {
+  const queryParts = queryRef.value.split(/(->|\(|\)|\|)/);
+  const lastIndex = queryParts.length - 1;
+  queryParts[lastIndex] = suggestion;
+  modelValue.value = queryParts.join('');
+  queryRef.value = modelValue.value;
+  suggestions.value = [];
+  // Ensure the modelValue is updated before calling the function
+  nextTick(fn);
+};
+
+const handleKeyDown = (event: KeyboardEvent) => {
+  if (suggestions.value.length === 0) return;
+
+  switch (event.key) {
+    case 'ArrowDown':
+      selectedIndex.value = (selectedIndex.value + 1) % suggestions.value.length;
+      break;
+    case 'ArrowUp':
+      selectedIndex.value = (selectedIndex.value - 1 + suggestions.value.length) % suggestions.value.length;
+      break;
+    case 'Enter':
+      if (selectedIndex.value >= 0 && selectedIndex.value < suggestions.value.length) {
+        handleSuggestionClick(() => {}, `CWE-${suggestions.value[selectedIndex.value].id}`);
+      }
+      break;
+  }
+};
+
+onMounted(loadCweData);
+
+const usageClassMap: { [key: string]: string } = {
+  'prohibited': 'text-bg-primary',
+  'allowed': 'text-bg-success',
+  'allowed-with-review': 'text-bg-danger',
+  'discouraged': 'text-bg-warning',
+};
+const getUsageClass = (usage: string) => {
+  return usageClassMap[usage.toLowerCase()] ?? 'text-bg-secondary';
+};
+</script>
+
+<template>
+  <LabelDiv :label class="mb-2">
+    <EditableTextWithSuggestions
+      v-model="modelValue"
+      :error
+      class="col-12"
+      @update:query="filterSuggestions"
+      @keydown="handleKeyDown($event)"
+    >
+      <template v-if="suggestions.length > 0" #suggestions="{ abort }">
+        <div class="dropdown-header">
+          <span class="flex-1">ID</span>
+          <span class="flex-3">Name</span>
+          <span class="flex-1">Usage</span>
+          <span class="flex-1"></span>
+        </div>
+        <div
+          v-for="(cwe, index) in suggestions"
+          :key="index"
+          class="item gap-1 d-flex justify-content-between"
+          :class="{'selected': index === selectedIndex }"
+          @click.prevent.stop="handleSuggestionClick(abort, `CWE-${cwe.id}`)"
+          @mouseenter="selectedIndex = index"
+        >
+          <span class="flex-1">{{ `CWE-${cwe.id} ` }}</span>
+          <span class="flex-3">{{ `${cwe.name}. ` }}</span>
+          <span class="badge flex-1" :class="getUsageClass(cwe.usage)">{{ `${cwe.usage}` }}</span>
+          <div class="flex-1">
+            <i v-show="cwe.summary" class="icon bi-info-circle" :title="cwe.summary" />
+            <a
+              :href="`https://cwe.mitre.org/data/definitions/${cwe.id}.html`"
+              class="icon"
+              target="_blank"
+              @click.stop
+            ><i class="bi-box-arrow-up-right" title="View on Mitre" /></a>
+          </div>
+        </div>
+      </template>
+    </EditableTextWithSuggestions>
+  </LabelDiv>
+</template>
+
+<style scoped lang="scss">
+.item.selected {
+  background-color: #dee2e6;
+}
+
+.dropdown-header {
+  display: flex;
+  justify-content: space-between;
+  position: sticky;
+  top: -0.5rem !important;
+  z-index: 1;
+  padding: 0.5rem 1rem;
+  background-color: #f8f9fa;
+  font-weight: bold;
+
+  &:hover {
+    background-color: #f8f9fa;
+    cursor: default;
+  }
+}
+
+.badge {
+  word-break: break-all;
+  white-space: normal;
+}
+
+.badge-red {
+  background-color: #dc3545;
+  color: white;
+}
+
+.badge-green {
+  background-color: #28a745;
+  color: white;
+}
+
+.badge-orange {
+  background-color: #fd7e14;
+  color: black;
+}
+
+.badge-yellow {
+  background-color: #ffc107;
+  color: black;
+}
+
+.icon {
+  color: gray;
+  font-size: 1.25rem;
+  float: right;
+  margin-left: 0.5rem;
+}
+</style>
diff --git a/src/components/FlawForm/FlawForm.vue b/src/components/FlawForm/FlawForm.vue
index bcb8a7eaa..aca4655b5 100644
--- a/src/components/FlawForm/FlawForm.vue
+++ b/src/components/FlawForm/FlawForm.vue
@@ -17,6 +17,7 @@ import FlawHistory from '@/components/FlawHistory/FlawHistory.vue';
 import FlawContributors from '@/components/FlawContributors/FlawContributors.vue';
 import CvssExplainForm from '@/components/CvssExplainForm/CvssExplainForm.vue';
 import FlawAffects from '@/components/FlawAffects/FlawAffects.vue';
+import CweSelector from '@/components/CweSelector/CweSelector.vue';
 
 import { useFlawModel } from '@/composables/useFlawModel';
 
@@ -244,10 +245,9 @@ const createdDate = computed(() => {
               :allCvss="flaw.cvss_scores"
               :nistCvss="nvdCvss3String"
             />
-            <LabelEditable
+            <CweSelector
               v-model="flaw.cwe_id"
               label="CWE ID"
-              type="text"
               :error="errors.cwe_id"
             />
             <LabelSelect
diff --git a/src/components/__tests__/CweSelector.spec.ts b/src/components/__tests__/CweSelector.spec.ts
new file mode 100644
index 000000000..efd71c8ff
--- /dev/null
+++ b/src/components/__tests__/CweSelector.spec.ts
@@ -0,0 +1,47 @@
+import { describe, it, beforeEach } from 'vitest';
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+
+import CweSelector from '@/components/CweSelector/CweSelector.vue';
+
+import { mountWithConfig } from '@/__tests__/helpers';
+import { DATA_KEY } from '@/services/CweService';
+
+describe('cweSelector.vue', () => {
+  let wrapper: VueWrapper<any>;
+
+  beforeEach(() => {
+    wrapper = mountWithConfig(CweSelector);
+    vi.useFakeTimers();
+  });
+
+  it('renders correctly', () => {
+    expect(wrapper.exists()).toBe(true);
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+
+  it('loads CWE data on component mount', async () => {
+    const data = JSON.stringify([{ id: '123', name: 'Test CWE', status: 'Draft', summary: '', usage: '' }]);
+    localStorage.setItem(DATA_KEY, data);
+    wrapper = mountWithConfig(CweSelector);
+    expect(wrapper.vm.cweData).toEqual([{ id: '123', name: 'Test CWE', status: 'Draft', summary: '', usage: '' }]);
+  });
+
+  it('filters suggestions correctly and updates model on suggestion click', async () => {
+    wrapper.vm.cweData = [
+      { id: '123', name: 'Test CWE', status: 'Draft', summary: '', usage: '' },
+      { id: '456', name: 'Another CWE', status: 'Draft', summary: '', usage: '' },
+    ];
+    const input = wrapper.find('input');
+    await input.setValue('123');
+
+    vi.runAllTimers();
+    await flushPromises();
+    expect(wrapper.text()).toContain('CWE-123');
+
+    const suggestionRow = wrapper.findAll('.dropdown-menu .item');
+    await suggestionRow[0].trigger('click');
+    expect(wrapper.vm.modelValue).toBe('CWE-123');
+    expect(wrapper.vm.queryRef).toBe('CWE-123');
+    expect(wrapper.vm.suggestions).toEqual([]);
+  });
+});
diff --git a/src/components/__tests__/FlawForm.spec.ts b/src/components/__tests__/FlawForm.spec.ts
index d08cc2b2d..1307d298b 100644
--- a/src/components/__tests__/FlawForm.spec.ts
+++ b/src/components/__tests__/FlawForm.spec.ts
@@ -8,6 +8,7 @@ import FlawForm from '@/components/FlawForm/FlawForm.vue';
 import CvssCalculator from '@/components/CvssCalculator/CvssCalculator.vue';
 import FlawFormOwner from '@/components/FlawFormOwner/FlawFormOwner.vue';
 import IssueFieldEmbargo from '@/components/IssueFieldEmbargo/IssueFieldEmbargo.vue';
+import CweSelector from '@/components/CweSelector/CweSelector.vue';
 
 import { blankFlaw } from '@/composables/useFlaw';
 
@@ -106,7 +107,7 @@ describe('flawForm', () => {
     expect(nvdCvssField?.exists()).toBe(true);
 
     const cweIdField = subject
-      .findAllComponents(LabelEditable)
+      .findAllComponents(CweSelector)
       .find(component => component.props().label === 'CWE ID');
     expect(cweIdField?.exists()).toBe(true);
 
@@ -187,7 +188,7 @@ describe('flawForm', () => {
     expect(nvdCvssField?.exists()).toBe(true);
 
     const cweIdField = subject
-      .findAllComponents(LabelEditable)
+      .findAllComponents(CweSelector)
       .find(component => component.props().label === 'CWE ID');
     expect(cweIdField?.exists()).toBe(true);
 
diff --git a/src/components/__tests__/__snapshots__/CweSelector.spec.ts.snap b/src/components/__tests__/__snapshots__/CweSelector.spec.ts.snap
new file mode 100644
index 000000000..94a45f4f4
--- /dev/null
+++ b/src/components/__tests__/__snapshots__/CweSelector.spec.ts.snap
@@ -0,0 +1,23 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`cweSelector.vue > renders correctly 1`] = `
+"<div data-v-0e2ae48e="" data-v-478878c2="" class="osim-input ps-3 mb-2 mb-2">
+  <div data-v-0e2ae48e="" class="row"><span data-v-0e2ae48e="" class="form-label col-3 position-relative"><!--v-if-->  <!--attrs: {{ $attrs }}--></span>
+    <div data-v-0e2ae48e="" class="col-9">
+      <!-- for invalid-tooltip positioning -->
+      <div data-v-478878c2="" class="position-relative col-9 osim-editable-field osim-text col-12">
+        <!--<Transition name="flash-bg" :duration="2000">-->
+        <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
+          <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control"></span>
+            <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+          </div>
+        </transition-stub>
+        <div class="input-group position-relative" tabindex="-1" style="display: none;">
+          <!--v-if--><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button>
+        </div>
+        <!--v-if-->
+      </div>
+    </div>
+  </div>
+</div>"
+`;
diff --git a/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap b/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
index 05e418793..ba7479c70 100644
--- a/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
+++ b/src/components/__tests__/__snapshots__/FlawForm.spec.ts.snap
@@ -196,22 +196,26 @@ exports[`flawForm > mounts and renders 1`] = `
         </div>
       </div>
       <!--v-if-->
-    </div><label data-v-76509415="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 input-group">
-      <div data-v-76509415="" class="row"><span data-v-76509415="" class="form-label col-3">CWE ID</span>
-        <!--v-if-->
-        <!-- for invalid-tooltip positioning -->
-        <div data-v-76509415="" class="position-relative col-9 osim-editable-field osim-text">
-          <!--<Transition name="flash-bg" :duration="2000">-->
-          <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
-            <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control">CWE-1</span>
-              <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+    </div>
+    <div data-v-0e2ae48e="" data-v-478878c2="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 mb-2">
+      <div data-v-0e2ae48e="" class="row"><span data-v-0e2ae48e="" class="form-label col-3 position-relative"><!--v-if--> CWE ID <!--attrs: {{ $attrs }}--></span>
+        <div data-v-0e2ae48e="" class="col-9">
+          <!-- for invalid-tooltip positioning -->
+          <div data-v-478878c2="" class="position-relative col-9 osim-editable-field osim-text col-12">
+            <!--<Transition name="flash-bg" :duration="2000">-->
+            <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
+              <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control">CWE-1</span>
+                <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+              </div>
+            </transition-stub>
+            <div class="input-group position-relative" tabindex="-1" style="display: none;">
+              <!--v-if--><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button>
             </div>
-          </transition-stub>
-          <div class="input-group" style="display: none;"><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button></div>
-          <!--v-if-->
+            <!--v-if-->
+          </div>
         </div>
       </div>
-    </label><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
+    </div><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
       <div data-v-001a00e0="" class="row"><span data-v-001a00e0="" class="form-label col-3">CVE Source</span>
         <div data-v-001a00e0="" class="col-9"><select data-v-001a00e0="" class="form-select" value="GIT">
             <!--v-if-->
diff --git a/src/services/CweService.ts b/src/services/CweService.ts
index 7433ec200..01d4d3b76 100644
--- a/src/services/CweService.ts
+++ b/src/services/CweService.ts
@@ -1,7 +1,7 @@
 import { osimRuntime } from '@/stores/osimRuntime';
 import type { CWEMemberType } from '@/types/mitreCwe';
 
-const DATA_KEY = 'CWE:API-DATA';
+export const DATA_KEY = 'CWE:API-DATA';
 const VERSION_KEY = 'CWE:API-VERSION';
 
 interface CweViews {
@@ -15,10 +15,28 @@ interface CweViews {
 interface CweCategories {
   Categories: {
     ID: string;
+    MappingNotes: {
+      Usage: string;
+    };
     Name: string;
+    Relationships: Array<any>;
+    Status: string;
+    Summary: string;
   }[];
 }
 
+interface CweWeaknesses {
+  Weaknesses: {
+    Description: string;
+    ID: string;
+    MappingNotes: {
+      Usage: string;
+    };
+    Name: string;
+    Status: string;
+  }[];
+};
+
 export async function updateCWEData() {
   const baseUrl = osimRuntime.value.backends.mitre;
   try {
@@ -56,33 +74,50 @@ async function checkNewVersion(baseUrl: string): Promise<[string, boolean]> {
 }
 
 async function fetchAndCache(baseUrl: string) {
-  const cweIds = await fetchCweIds(baseUrl);
-  const cweData = await fetchCweNames(baseUrl, cweIds);
-  localStorage.setItem(DATA_KEY, JSON.stringify(cweData));
+  const cweView = await fetchCweView(baseUrl);
+  const cweCategories = await fetchCweCategories(baseUrl, cweView);
+  const cweWeaknesses = await fetchCweWeaknesses(baseUrl, cweCategories);
+  localStorage.setItem(DATA_KEY, JSON.stringify(cweWeaknesses));
   console.debug('✅ CWE API cache updated.');
 }
 
-async function fetchCweIds(baseUrl: string) {
+async function fetchCweView(baseUrl: string) {
   // 699 is the id for the "Software Development" CWE view
   const view = await fetch(`${baseUrl}/cwe/view/699`);
   if (!view.ok) {
     throw new Error('Failed to fetch CWE OpenAPI data');
   }
   const cweData: CweViews = await view.json();
-  const cweIds = cweData.Views[0].Members.map(member => member.CweID);
-  return cweIds;
+  const cweCategoryIds = cweData.Views[0].Members.map(member => member.CweID);
+  return cweCategoryIds;
+}
+
+async function fetchCweCategories(baseUrl: string, cweCategoryIds: string[]) {
+  const response = await fetch(`${baseUrl}/cwe/category/${cweCategoryIds.join(',')}`);
+  if (!response.ok) {
+    throw new Error('Failed to fetch CWE categories data');
+  }
+
+  const cweCategoryData: CweCategories = await response.json();
+  const cweWeaknessIds = cweCategoryData.Categories.flatMap(member =>
+    member.Relationships.map(relationship => relationship.CweID),
+  );
+  return cweWeaknessIds;
 }
 
-async function fetchCweNames(baseUrl: string, cweIds: string[]) {
-  const detailedResponse = await fetch(`${baseUrl}/cwe/category/${cweIds.join(',')}`);
-  if (!detailedResponse.ok) {
+async function fetchCweWeaknesses(baseUrl: string, cweIds: string[]) {
+  const response = await fetch(`${baseUrl}/cwe/weakness/${cweIds.join(',')}`);
+  if (!response.ok) {
     throw new Error('Failed to fetch detailed CWE data');
   }
 
-  const detailedData: CweCategories = await detailedResponse.json();
-  const customStructure: CWEMemberType[] = detailedData.Categories.map(category => ({
-    id: category.ID,
-    name: category.Name,
+  const cweWeaknessesData: CweWeaknesses = await response.json();
+  const cweWeaknesses: CWEMemberType[] = cweWeaknessesData.Weaknesses.map(weakness => ({
+    id: weakness.ID,
+    name: weakness.Name,
+    status: weakness.Status,
+    summary: weakness.Description,
+    usage: weakness.MappingNotes.Usage,
   }));
-  return customStructure;
+  return cweWeaknesses;
 }
diff --git a/src/types/mitreCwe.ts b/src/types/mitreCwe.ts
index 1f958df12..1e8496e6e 100644
--- a/src/types/mitreCwe.ts
+++ b/src/types/mitreCwe.ts
@@ -1,4 +1,7 @@
 export interface CWEMemberType {
   id: string;
   name: string;
+  status: string;
+  summary: string;
+  usage: string;
 }
diff --git a/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap b/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
index 3947c4838..e08227cb3 100644
--- a/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
+++ b/src/views/__tests__/__snapshots__/FlawCreateView.spec.ts.snap
@@ -134,22 +134,26 @@ exports[`flawCreateView > should render 1`] = `
                 </div>
               </div>
               <!--v-if-->
-            </div><label data-v-76509415="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 input-group">
-              <div data-v-76509415="" class="row"><span data-v-76509415="" class="form-label col-3">CWE ID</span>
-                <!--v-if-->
-                <!-- for invalid-tooltip positioning -->
-                <div data-v-76509415="" class="position-relative col-9 osim-editable-field osim-text">
-                  <!--<Transition name="flash-bg" :duration="2000">-->
-                  <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
-                    <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control"></span>
-                      <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+            </div>
+            <div data-v-0e2ae48e="" data-v-478878c2="" data-v-76e7a15d="" class="osim-input ps-3 mb-2 mb-2">
+              <div data-v-0e2ae48e="" class="row"><span data-v-0e2ae48e="" class="form-label col-3 position-relative"><!--v-if--> CWE ID <!--attrs: {{ $attrs }}--></span>
+                <div data-v-0e2ae48e="" class="col-9">
+                  <!-- for invalid-tooltip positioning -->
+                  <div data-v-478878c2="" class="position-relative col-9 osim-editable-field osim-text col-12">
+                    <!--<Transition name="flash-bg" :duration="2000">-->
+                    <transition-stub name="flash-bg" appear="false" persisted="true" css="true">
+                      <div class="osim-editable-text" tabindex="0"><span class="osim-editable-text-value form-control"></span>
+                        <!--if a button is inside a label, clicking the label clicks the button?--><button type="button" class="osim-editable-text-pen input-group-text" tabindex="-1"><i class="bi bi-pencil"></i></button>
+                      </div>
+                    </transition-stub>
+                    <div class="input-group position-relative" tabindex="-1" style="display: none;">
+                      <!--v-if--><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button>
                     </div>
-                  </transition-stub>
-                  <div class="input-group" style="display: none;"><input class="form-control" type="text"><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-check"></i></button><button type="button" class="input-group-text" tabindex="-1"><i class="bi bi-x"></i></button></div>
-                  <!--v-if-->
+                    <!--v-if-->
+                  </div>
                 </div>
               </div>
-            </label><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
+            </div><label data-v-001a00e0="" data-v-76e7a15d="" class="osim-input mb-2 ps-3">
               <div data-v-001a00e0="" class="row"><span data-v-001a00e0="" class="form-label col-3">CVE Source</span>
                 <div data-v-001a00e0="" class="col-9"><select data-v-001a00e0="" class="form-select is-invalid" value="">
                     <!--v-if-->