diff --git a/web/components/Collapsible.tsx b/web/components/Collapsible.tsx
index 0e93f38..50a7c30 100644
--- a/web/components/Collapsible.tsx
+++ b/web/components/Collapsible.tsx
@@ -54,7 +54,14 @@ export function Collapsible({
         type="button"
         onClick={toggle}
         aria-expanded={open}
-        className="flex w-full items-baseline justify-between gap-2 px-4 py-3 text-left transition hover:bg-zinc-900/60"
+        // hover 톤은 zinc-800/50 — zinc-900 보다 한 단계 밝은 색으로 잡아 부모의
+        // bg 불투명도와 무관하게 항상 highlight 방향으로 시각 신호. zinc-900/60
+        // 였을 땐 비-sticky 부모(/40) 에선 더 어두워져 highlight 가 됐지만,
+        // OrderbookPanel sticky 부모(/80) 에선 오히려 더 옅어져 hover 가 "뒤로
+        // 가는" 인상이 되는 톤 역전 발생. zinc-800 으로 한 단계 색을 올리면
+        // /50 opacity 라도 색 자체가 밝아 두 부모 모두에서 highlight 로 읽힘.
+        // 사이드바 list-row hover 톤(RelatedStocks/PeerList)과도 통일.
+        className="flex w-full items-baseline justify-between gap-2 px-4 py-3 text-left transition hover:bg-zinc-800/50"
       >
         <span className="flex min-w-0 items-center gap-2 text-sm font-medium text-zinc-200">
           <span