diff --git a/ui_template/ui_template_overlay.css b/ui_template/ui_template_overlay.css
index f7e5c05b..e7b8a37c 100644
--- a/ui_template/ui_template_overlay.css
+++ b/ui_template/ui_template_overlay.css
@@ -248,6 +248,20 @@
   transform: translateY(-50%);
   border-left: 0;
   border-radius: 0 var(--radius-buttons) var(--radius-buttons) 0;
+  transition:
+    right var(--transition-base),
+    width var(--transition-base);
+}
+
+/* 펼친 title 패널 — 손잡이를 패널 안쪽 오른쪽 가장자리로(본문 카드 왼쪽 끝을 덮던 조각 없앰).
+   폭 16px = 패널 본문 오른쪽 여백 8 + 스크롤바 8 이라 패널 내용도 안 덮음.
+   접히면 위 규칙대로 패널 밖(화면 왼쪽 끝)으로 나와 다시 펼 수 있음. */
+.ui-workflow-overlay__panel--title:not(.is-collapsed) > .ui-workflow-overlay__handle--side {
+  right: 0;
+  width: var(--spacing-16);
+  border-right: 0;
+  border-left: 1px solid var(--panel-handle-border, var(--color-border));
+  border-radius: var(--radius-buttons) 0 0 var(--radius-buttons);
 }
 
 /* 하단 도킹 패널 상단 중앙 핸들 */