diff --git a/index.html b/index.html
index 45ecf70..4f69c9f 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
               <select id="type-filter"></select>
             </label>
           </div>
-          <div class="phead" aria-hidden="true"><span></span><span>교각</span><span>상태</span></div>
+          <div class="phead" aria-hidden="true"><span>교각</span><span>상태</span></div>
           <ul id="pier-items" class="pier-items"></ul>
           <p id="pier-empty" class="muted">불러온 교각이 없습니다.</p>
           <p class="pnote">시트 1장 = 교각 1기입니다. 오류가 난 교각만 건너뛰고 나머지는 생성합니다.</p>
@@ -187,7 +187,7 @@
       <main class="grid plan" id="view-plan" hidden>
         <aside class="panel piers" aria-labelledby="plan-pier-title">
           <p id="plan-pier-title" class="lbl">교각 목록</p>
-          <div class="phead" aria-hidden="true"><span></span><span>교각</span><span>변경</span></div>
+          <div class="phead" aria-hidden="true"><span>교각</span><span>변경</span></div>
           <ul id="plan-pier-items" class="pier-items"></ul>
           <p class="lbl members-title">부재 · 5개</p>
           <ul id="members" class="members"></ul>
@@ -233,7 +233,7 @@
       <main class="grid rebar" id="view-rebar" hidden>
         <aside class="panel piers" aria-labelledby="rebar-pier-title">
           <p id="rebar-pier-title" class="lbl">교각 목록</p>
-          <div class="phead" aria-hidden="true"><span></span><span>교각</span><span>배근</span></div>
+          <div class="phead" aria-hidden="true"><span>교각</span><span>배근</span></div>
           <ul id="rebar-pier-items" class="pier-items"></ul>
           <p id="rebar-member-title" class="lbl members-title">부재 · 배근 타입</p>
           <ul id="rebar-tabs" class="members"></ul>
diff --git a/src/style.css b/src/style.css
index e14162d..a238e64 100644
--- a/src/style.css
+++ b/src/style.css
@@ -629,10 +629,10 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif;
 .piers { display: flex; flex-direction: column; gap: 6px; }
 .pier-tools { display: flex; align-items: center; gap: 8px; padding: 0 4px 8px; }
 .pier-tools select { border: 1px solid #c3cbd4; border-radius: 6px; background: #ffffff; min-height: 36px; }
-.phead { display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; padding: 0 10px 6px; font-size: 12px; color: #55606e; border-bottom: 1px solid #d5dbe2; }
-.pier-items li { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; border-radius: 6px; padding-right: 6px; }
+.phead { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 0 10px 6px; font-size: 12px; color: #55606e; border-bottom: 1px solid #d5dbe2; }
+.pier-items li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; border-radius: 6px; padding-right: 6px; }
 .pier-items li:has(.pier-name[aria-pressed='true']) { background: #e3edf8; }
-.pier-name { border: 0; background: transparent; color: #18212b; text-align: left; font-size: 13px; min-height: 44px; padding: 0 6px; }
+.pier-name { width: 100%; border: 0; background: transparent; color: #18212b; text-align: left; font-size: 13px; min-height: 44px; padding: 0 6px; }
 .pier-name[aria-pressed='true'] { color: #123e70; font-weight: 700; }
 .badge { font-size: 12px; border-radius: 10px; padding: 2px 8px; background: #e2f2e7; color: #1d6b3a; white-space: nowrap; }
 .badge.error { background: #fde2e2; color: #9b2c2c; }