diff --git a/web/static/css/style.css b/web/static/css/style.css
index 49bab25e..13df9f86 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -22411,29 +22411,147 @@ html[data-theme="dark"] .vulnerability-card:hover {
     font-style: italic;
 }
 
-.vuln-detail-field-select,
-.vulnerability-project-bind-select {
+.vuln-detail-native-select {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+.vuln-detail-select-ui {
+    position: relative;
     flex: 1;
     min-width: 0;
+}
+
+.vuln-detail-select-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
     width: 100%;
+    min-width: 0;
     margin: 0;
     padding: 8px 10px;
-    padding-right: 28px;
     border-radius: 6px;
-    background: var(--bg-tertiary);
+    background: var(--bg-secondary);
     border: 1px solid var(--border-color);
     font-size: 0.8125rem;
     line-height: 1.45;
     color: var(--text-primary);
     font-family: inherit;
     cursor: pointer;
-    appearance: auto;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.vuln-detail-field-select:focus,
-.vulnerability-project-bind-select:focus {
-    outline: none;
+.vuln-detail-select-trigger:hover:not(:disabled) {
+    border-color: rgba(59, 130, 246, 0.45);
+}
+
+.vuln-detail-select-ui.open .vuln-detail-select-trigger {
     border-color: var(--accent-color);
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
+}
+
+.vuln-detail-select-ui.open {
+    z-index: 120;
+}
+
+.vuln-detail-select-value {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: left;
+}
+
+.vuln-detail-select-caret {
+    flex-shrink: 0;
+    color: var(--text-secondary);
+    transition: transform 0.15s ease;
+}
+
+.vuln-detail-select-ui.open .vuln-detail-select-caret {
+    transform: rotate(180deg);
+}
+
+.vuln-detail-select-dropdown {
+    display: none;
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    right: 0;
+    z-index: 200;
+    max-height: 280px;
+    overflow-y: auto;
+    padding: 4px;
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    box-shadow: var(--shadow-lg);
+}
+
+.vuln-detail-select-ui.open .vuln-detail-select-dropdown {
+    display: block;
+}
+
+.vuln-detail-select-option {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    padding: 8px 10px;
+    border: none;
+    border-radius: 6px;
+    background: transparent;
+    color: var(--text-primary);
+    font-size: 0.8125rem;
+    font-family: inherit;
+    cursor: pointer;
+    text-align: left;
+    transition: background 0.12s ease, color 0.12s ease;
+}
+
+.vuln-detail-select-option:hover {
+    background: var(--bg-secondary);
+}
+
+.vuln-detail-select-option.is-selected {
+    background: rgba(59, 130, 246, 0.08);
+    color: #2563eb;
+    font-weight: 500;
+}
+
+.vuln-detail-select-check {
+    width: 14px;
+    flex-shrink: 0;
+    opacity: 0;
+    font-size: 0.75rem;
+    line-height: 1;
+    color: #2563eb;
+}
+
+.vuln-detail-select-option.is-selected .vuln-detail-select-check {
+    opacity: 1;
+}
+
+.vuln-detail-select-label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.vuln-detail-select-ui.is-disabled .vuln-detail-select-trigger {
+    opacity: 0.55;
+    cursor: not-allowed;
 }
 
 .severity-badge {
@@ -22753,7 +22871,7 @@ html[data-theme="dark"] .vulnerability-card:hover {
     margin: 0;
     padding: 8px 10px;
     border-radius: 6px;
-    background: var(--bg-tertiary);
+    background: var(--bg-secondary);
     border: 1px solid var(--border-color);
     font-size: 0.8125rem;
     line-height: 1.45;
@@ -22766,6 +22884,12 @@ html[data-theme="dark"] .vulnerability-card:hover {
     font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;
 }
 
+html[data-theme="dark"] .vulnerability-details code.vuln-detail-field-value {
+    background: var(--bg-secondary) !important;
+    color: var(--text-primary);
+    border-color: var(--border-color);
+}
+
 .vuln-detail-field__copy {
     flex-shrink: 0;
     margin-top: 2px;
@@ -22784,8 +22908,11 @@ html[data-theme="dark"] .vulnerability-card:hover {
     border-color: var(--border-color);
 }
 
-.vuln-detail-field__row .vuln-detail-field-select {
-    flex: 1;
+.vuln-detail-field__copy-spacer {
+    flex-shrink: 0;
+    width: 26px;
+    height: 26px;
+    margin-top: 2px;
 }
 
 .vulnerability-repro {
@@ -29331,6 +29458,7 @@ html[data-theme="dark"] .role-select-item:hover,
 html[data-theme="dark"] .custom-select-option:hover,
 html[data-theme="dark"] .audit-custom-select-option:hover,
 html[data-theme="dark"] .vuln-filter-select-option:hover,
+html[data-theme="dark"] .vuln-detail-select-option:hover,
 html[data-theme="dark"] .hitl-filter-select-option:hover,
 html[data-theme="dark"] .tasks-filter-select-option:hover,
 html[data-theme="dark"] .workflow-form-select-option:hover,
@@ -29348,6 +29476,7 @@ html[data-theme="dark"] .role-select-item.selected,
 html[data-theme="dark"] .custom-select-option.selected,
 html[data-theme="dark"] .audit-custom-select-option.is-selected,
 html[data-theme="dark"] .vuln-filter-select-option.is-selected,
+html[data-theme="dark"] .vuln-detail-select-option.is-selected,
 html[data-theme="dark"] .hitl-filter-select-option.is-selected,
 html[data-theme="dark"] .tasks-filter-select-option.is-selected,
 html[data-theme="dark"] .workflow-form-select-option.is-selected,
@@ -29399,6 +29528,7 @@ html[data-theme="dark"] .model-pick-input:focus,
 html[data-theme="dark"] .custom-select.open .custom-select-trigger,
 html[data-theme="dark"] .audit-custom-select.open .audit-custom-select-trigger,
 html[data-theme="dark"] .vuln-filter-select.open .vuln-filter-select-trigger,
+html[data-theme="dark"] .vuln-detail-select-ui.open .vuln-detail-select-trigger,
 html[data-theme="dark"] .hitl-filter-select-ui.open .hitl-filter-select-trigger,
 html[data-theme="dark"] .tasks-filter-select-ui.open .tasks-filter-select-trigger,
 html[data-theme="dark"] .workflow-form-select-ui.open .workflow-form-select-trigger,
diff --git a/web/static/js/vulnerability.js b/web/static/js/vulnerability.js
index 402682e3..a416e77c 100644
--- a/web/static/js/vulnerability.js
+++ b/web/static/js/vulnerability.js
@@ -161,6 +161,8 @@ function initVulnerabilityStatusPickers(root) {
             if (picker.classList.contains('is-disabled')) return;
             const wasOpen = picker.classList.contains('open');
             closeAllVulnerabilityStatusPickers();
+            closeAllVulnDetailProjectSelects();
+            closeAllVulnFilterCustomSelects();
             if (!wasOpen) {
                 picker.classList.add('open');
                 menu.hidden = false;
@@ -770,6 +772,7 @@ function enhanceVulnFilterCustomSelect(selectId) {
         if (typeof closeAllVulnerabilityStatusPickers === 'function') {
             closeAllVulnerabilityStatusPickers();
         }
+        closeAllVulnDetailProjectSelects();
         const open = wrapper.classList.contains('open');
         closeAllVulnFilterCustomSelects();
         if (!open) {
@@ -806,6 +809,142 @@ function initVulnerabilityFilterSelects() {
     syncAllVulnFilterCustomSelects();
 }
 
+const VULN_DETAIL_SELECT_CARET = '<svg class="vuln-detail-select-caret" width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+const vulnDetailProjectSelectMap = new WeakMap();
+let vulnDetailProjectSelectDocBound = false;
+
+function closeAllVulnDetailProjectSelects() {
+    document.querySelectorAll('.vuln-detail-select-ui.open').forEach(function (wrapper) {
+        wrapper.classList.remove('open');
+        const trigger = wrapper.querySelector('.vuln-detail-select-trigger');
+        if (trigger) trigger.setAttribute('aria-expanded', 'false');
+    });
+}
+
+function syncVulnDetailProjectSelect(select) {
+    const reg = vulnDetailProjectSelectMap.get(select);
+    if (!reg) return;
+    const dropdown = reg.dropdown;
+    const trigger = reg.trigger;
+    const valueSpan = trigger.querySelector('.vuln-detail-select-value');
+
+    dropdown.innerHTML = '';
+    Array.prototype.forEach.call(select.options, function (opt) {
+        const item = document.createElement('button');
+        item.type = 'button';
+        item.className = 'vuln-detail-select-option';
+        item.setAttribute('role', 'option');
+        item.setAttribute('data-value', opt.value);
+        if (opt.value === select.value) {
+            item.classList.add('is-selected');
+            item.setAttribute('aria-selected', 'true');
+        } else {
+            item.setAttribute('aria-selected', 'false');
+        }
+        const check = document.createElement('span');
+        check.className = 'vuln-detail-select-check';
+        check.setAttribute('aria-hidden', 'true');
+        check.textContent = '✓';
+        const label = document.createElement('span');
+        label.className = 'vuln-detail-select-label';
+        label.textContent = opt.textContent;
+        item.appendChild(check);
+        item.appendChild(label);
+        dropdown.appendChild(item);
+    });
+
+    const selectedOpt = select.options[select.selectedIndex];
+    if (valueSpan) {
+        valueSpan.textContent = selectedOpt ? selectedOpt.textContent : '';
+    }
+    trigger.disabled = !!select.disabled;
+    reg.wrapper.classList.toggle('is-disabled', !!select.disabled);
+}
+
+function enhanceVulnDetailProjectSelect(select) {
+    if (!select || !select.classList.contains('vulnerability-project-bind-select')) return;
+    if (select.dataset.vulnDetailCustomSelect === '1') {
+        syncVulnDetailProjectSelect(select);
+        return;
+    }
+    select.dataset.vulnDetailCustomSelect = '1';
+    select.classList.add('vuln-detail-native-select');
+    select.tabIndex = -1;
+    select.setAttribute('aria-hidden', 'true');
+
+    const wrapper = document.createElement('div');
+    wrapper.className = 'vuln-detail-select-ui';
+
+    const trigger = document.createElement('button');
+    trigger.type = 'button';
+    trigger.className = 'vuln-detail-select-trigger';
+    trigger.setAttribute('aria-haspopup', 'listbox');
+    trigger.setAttribute('aria-expanded', 'false');
+    const label = select.getAttribute('aria-label');
+    if (label) trigger.setAttribute('aria-label', label);
+    const valueSpan = document.createElement('span');
+    valueSpan.className = 'vuln-detail-select-value';
+    trigger.appendChild(valueSpan);
+    trigger.insertAdjacentHTML('beforeend', VULN_DETAIL_SELECT_CARET);
+
+    const dropdown = document.createElement('div');
+    dropdown.className = 'vuln-detail-select-dropdown';
+    dropdown.setAttribute('role', 'listbox');
+
+    const parent = select.parentNode;
+    parent.insertBefore(wrapper, select);
+    wrapper.appendChild(trigger);
+    wrapper.appendChild(dropdown);
+    wrapper.appendChild(select);
+
+    vulnDetailProjectSelectMap.set(select, { wrapper: wrapper, trigger: trigger, dropdown: dropdown, select: select });
+
+    trigger.addEventListener('click', function (e) {
+        e.stopPropagation();
+        if (select.disabled) return;
+        if (typeof closeAllVulnerabilityStatusPickers === 'function') {
+            closeAllVulnerabilityStatusPickers();
+        }
+        closeAllVulnFilterCustomSelects();
+        const open = wrapper.classList.contains('open');
+        closeAllVulnDetailProjectSelects();
+        if (!open) {
+            wrapper.classList.add('open');
+            trigger.setAttribute('aria-expanded', 'true');
+        }
+    });
+
+    dropdown.addEventListener('click', function (e) {
+        const opt = e.target.closest('.vuln-detail-select-option');
+        if (!opt) return;
+        e.stopPropagation();
+        const val = opt.getAttribute('data-value');
+        if (val === null) return;
+        if (select.value !== val) {
+            select.value = val;
+            select.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+        wrapper.classList.remove('open');
+        trigger.setAttribute('aria-expanded', 'false');
+        syncVulnDetailProjectSelect(select);
+    });
+
+    syncVulnDetailProjectSelect(select);
+}
+
+function initVulnerabilityProjectBindSelects(root) {
+    if (!vulnDetailProjectSelectDocBound) {
+        document.addEventListener('click', closeAllVulnDetailProjectSelects);
+        document.addEventListener('keydown', function (e) {
+            if (e.key === 'Escape') closeAllVulnDetailProjectSelects();
+        });
+        vulnDetailProjectSelectDocBound = true;
+    }
+    const scope = root || document.getElementById('vulnerabilities-list');
+    if (!scope) return;
+    scope.querySelectorAll('select.vulnerability-project-bind-select').forEach(enhanceVulnDetailProjectSelect);
+}
+
 function countVulnerabilityAdvancedFiltersActive() {
     const f = vulnerabilityFilters;
     let n = 0;
@@ -1319,6 +1458,7 @@ function renderVulnerabilities(vulnerabilities, renderOptions) {
 
     listContainer.innerHTML = html;
     initVulnerabilityStatusPickers(listContainer);
+    initVulnerabilityProjectBindSelects(listContainer);
     if (typeof window.applyTranslations === 'function') {
         window.applyTranslations(listContainer);
     }
@@ -1860,11 +2000,12 @@ function vulnDetailProjectField(vuln) {
     return `<div class="vuln-detail-field">
 <div class="vuln-detail-field__label">${escapeHtml(label)}</div>
 <div class="vuln-detail-field__row">
-<select class="vuln-detail-field-select vulnerability-project-bind-select" data-vuln-id="${escapeHtml(vuln.id)}"
-    onchange="bindVulnerabilityProject(this.dataset.vulnId, this.value, true)" onclick="event.stopPropagation();"
+<select class="vulnerability-project-bind-select" data-vuln-id="${escapeHtml(vuln.id)}"
+    onchange="bindVulnerabilityProject(this.dataset.vulnId, this.value, true)"
     title="${hint}" aria-label="${escapeHtml(label)}">
 ${buildVulnerabilityProjectOptionsHtml(vuln.project_id || '')}
 </select>
+<span class="vuln-detail-field__copy-spacer" aria-hidden="true"></span>
 </div>
 </div>`;
 }