diff --git a/fe-admin/src/components/pe/PeDetailTabs.tsx b/fe-admin/src/components/pe/PeDetailTabs.tsx
index 9167056..e24fdab 100644
--- a/fe-admin/src/components/pe/PeDetailTabs.tsx
+++ b/fe-admin/src/components/pe/PeDetailTabs.tsx
@@ -210,8 +210,11 @@ export function PeDetailTabs({
         </Section>
         <Section title={`2. Hạng mục + Báo giá NCC (${evaluation.details.length} hạng mục · ${evaluation.suppliers.length} NCC)`}>
           {/* Mig 28 (S21 t4) — F3: itemsReadOnly cho phép approver edit Section 2 */}
+          {/* Plan Q S23 t7 — Drop mx-5 banner, full-width Section padding to
+              align với ItemsTab header (button "+ Thêm hạng mục" right-aligned
+              KHÔNG còn lệch khỏi banner inset gap). */}
           {approverEditMode && readOnly && (
-            <div className="mx-5 mt-2 rounded border border-violet-200 bg-violet-50 px-3 py-2 text-[11px] text-violet-800">
+            <div className="mb-3 rounded border border-violet-200 bg-violet-50 px-3 py-2 text-[11px] text-violet-800">
               ⓘ Bạn được phép chỉnh sửa Hạng mục / NCC / Báo giá (workflow bật mode Approver edit).
               Mọi thay đổi sẽ được ghi vào Lịch sử chỉnh sửa.
             </div>
diff --git a/fe-user/src/components/pe/PeDetailTabs.tsx b/fe-user/src/components/pe/PeDetailTabs.tsx
index 2bb6a9c..e856560 100644
--- a/fe-user/src/components/pe/PeDetailTabs.tsx
+++ b/fe-user/src/components/pe/PeDetailTabs.tsx
@@ -215,8 +215,11 @@ export function PeDetailTabs({
         <Section title={`2. Hạng mục + Báo giá NCC (${evaluation.details.length} hạng mục · ${evaluation.suppliers.length} NCC)`}>
           {/* Mig 28 (S21 t4) — F3: itemsReadOnly cho phép approver edit Section 2.
               Banner cảnh báo "Bạn đang chỉnh sửa khi đang duyệt" khi approverEditMode. */}
+          {/* Plan Q S23 t7 — Drop mx-5 banner, full-width Section padding to
+              align với ItemsTab header (button "+ Thêm hạng mục" right-aligned
+              KHÔNG còn lệch khỏi banner inset gap). */}
           {approverEditMode && readOnly && (
-            <div className="mx-5 mt-2 rounded border border-violet-200 bg-violet-50 px-3 py-2 text-[11px] text-violet-800">
+            <div className="mb-3 rounded border border-violet-200 bg-violet-50 px-3 py-2 text-[11px] text-violet-800">
               ⓘ Bạn được phép chỉnh sửa Hạng mục / NCC / Báo giá (workflow bật mode Approver edit).
               Mọi thay đổi sẽ được ghi vào Lịch sử chỉnh sửa.
             </div>