diff --git a/frontend/src/styles/detail/detail-panels.css b/frontend/src/styles/detail/detail-panels.css
index e359a82..b454de8 100644
--- a/frontend/src/styles/detail/detail-panels.css
+++ b/frontend/src/styles/detail/detail-panels.css
@@ -24,8 +24,8 @@
 .detail-panel__resize-handle {
   position: absolute;
   top: 0;
-  left: -0.4rem;
-  width: 0.8rem;
+  left: -0.6rem;
+  width: 1.2rem;
   height: 100%;
   border: none;
   background: transparent;
@@ -39,7 +39,7 @@
 
 .detail-panel__resize-handle span {
   width: 2px;
-  height: 32px;
+  height: 100%;
   border-radius: 999px;
   background: transparent;
   transition: background 120ms ease;
@@ -48,11 +48,11 @@
 .detail-panel__resize-handle:hover span,
 .detail-panel__resize-handle:focus-visible span,
 .detail-panel__resize-handle.is-active span {
-  background: var(--accent);
+  background: var(--border);
 }
 
 .detail-panel__resize-handle:focus-visible {
-  outline: 2px solid color-mix(in oklch, var(--accent) 60%, transparent);
+  outline: 2px solid color-mix(in oklch, var(--border) 80%, transparent);
   outline-offset: 2px;
   border-radius: 999px;
 }
diff --git a/frontend/src/styles/sidebar/sidebar.css b/frontend/src/styles/sidebar/sidebar.css
index 5e0f092..63fdef6 100644
--- a/frontend/src/styles/sidebar/sidebar.css
+++ b/frontend/src/styles/sidebar/sidebar.css
@@ -124,7 +124,7 @@
 
 .sidebar {
   gap: 0;
-  overflow: hidden;
+  overflow: visible;
   color: var(--sidebar-fg);
   display: flex;
   flex-direction: column;
@@ -160,7 +160,7 @@
 
 .sidebar__resize-handle span {
   width: 2px;
-  height: 32px;
+  height: 100%;
   border-radius: 999px;
   background: transparent;
   transition: background 120ms ease;
@@ -169,11 +169,11 @@
 .sidebar__resize-handle:hover span,
 .sidebar__resize-handle:focus-visible span,
 .sidebar__resize-handle.is-active span {
-  background: var(--accent);
+  background: var(--border);
 }
 
 .sidebar__resize-handle:focus-visible {
-  outline: 2px solid color-mix(in oklch, var(--accent) 60%, transparent);
+  outline: 2px solid color-mix(in oklch, var(--border) 80%, transparent);
   outline-offset: 2px;
   border-radius: 999px;
 }
@@ -190,7 +190,7 @@
 
 .sidebar__footer {
   border-top: 1px solid var(--border-muted, var(--border));
-  background: var(--surface-subtle);
+  background: var(--bg);
   padding: 0.6rem 0.85rem;
   display: flex;
   gap: 0.35rem;
@@ -239,6 +239,7 @@
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
+  white-space: nowrap;
 }
 
 .sidebar__logo {