diff --git a/frontend/src/pages/Roster.tsx b/frontend/src/pages/Roster.tsx
index b01cbf9..788e1e8 100644
--- a/frontend/src/pages/Roster.tsx
+++ b/frontend/src/pages/Roster.tsx
@@ -841,100 +841,104 @@ export default function Roster() {
                     </td>}
                     <td className="px-4 py-3 text-center">
                       {e.status === 'ACTIVE' && (!e.hasTermination || e.latestTerminationStatus === 'CANCELLED' || e.latestTerminationStatus === 'COMPLETED') && (
-                        <div className="flex items-center justify-center gap-2">
-                          <button
-                            type="button"
-                            title="调薪"
-                            aria-label={`为${e.name}调薪`}
-                            className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
-                            onClick={(ev) => {
-                              ev.stopPropagation()
-                              setSalaryEmployee(e)
-                              setShowSalaryModal(true)
-                            }}
-                          >
-                            <DollarSign className="h-4 w-4" />
-                          </button>
-                          {/* 试用期员工显示转正按钮 */}
-                          {e.probationInfo?.isProbation && (
+                        <div className="flex flex-col items-center gap-1">
+                          <div className="flex items-center justify-center gap-1">
                             <button
                               type="button"
-                              title="转正"
-                              aria-label={`为${e.name}办理转正`}
+                              title="调薪"
+                              aria-label={`为${e.name}调薪`}
                               className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
                               onClick={(ev) => {
                                 ev.stopPropagation()
-                                setConfirmEmployee(e)
-                                setShowConfirmModal(true)
+                                setSalaryEmployee(e)
+                                setShowSalaryModal(true)
                               }}
                             >
-                              <CheckCircle className="h-4 w-4" />
+                              <DollarSign className="h-4 w-4" />
                             </button>
-                          )}
-                          <button
-                            type="button"
-                            title="调部门"
-                            aria-label={`为${e.name}调整部门`}
-                            className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
-                            onClick={(ev) => {
-                              ev.stopPropagation()
-                              setDeptEmployee(e)
-                              setShowDeptModal(true)
-                            }}
-                          >
-                            <Building2 className="h-4 w-4" />
-                          </button>
-                          <button
-                            type="button"
-                            title="开具证明"
-                            aria-label={`为${e.name}开具证明`}
-                            className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
-                            onClick={(ev) => {
-                              ev.stopPropagation()
-                              setCertEmployee(e)
-                              setCertPurpose('')
-                              setShowCertModal(true)
-                            }}
-                          >
-                            <FileText className="h-4 w-4" />
-                          </button>
-                          <button
-                            type="button"
-                            title="续签合同"
-                            aria-label={`为${e.name}续签合同`}
-                            className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
-                            onClick={(ev) => {
-                              ev.stopPropagation()
-                              // 自动推导新合同开始日期：原合同结束日 + 1天
-                              const oldEndDate = e.latestContract?.endDate
-                              let newStart = new Date().toISOString().slice(0, 10)
-                              if (oldEndDate) {
-                                const d = new Date(oldEndDate)
-                                d.setDate(d.getDate() + 1)
-                                newStart = d.toISOString().slice(0, 10)
-                              }
-                              setRenewEmployee(e)
-                              setRenewNewStartDate(newStart)
-                              setRenewNewEndDate('')
-                              setRenewNewSalary(e.monthlySalary ? String(e.monthlySalary) : '')
-                              setShowRenewModal(true)
-                            }}
-                          >
-                            <RotateCcw className="h-4 w-4" />
-                          </button>
-                          <button
-                            type="button"
-                            title="离职"
-                            aria-label={`为${e.name}办理离职`}
-                            className="rounded-md p-1.5 text-gray-500 transition hover:bg-danger/10 hover:text-danger"
-                            onClick={(ev) => {
-                              ev.stopPropagation()
-                              setResignEmployee(e)
-                              setShowResignModal(true)
-                            }}
-                          >
-                            <UserX className="h-4 w-4" />
-                          </button>
+                            {/* 试用期员工显示转正按钮 */}
+                            {e.probationInfo?.isProbation && (
+                              <button
+                                type="button"
+                                title="转正"
+                                aria-label={`为${e.name}办理转正`}
+                                className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
+                                onClick={(ev) => {
+                                  ev.stopPropagation()
+                                  setConfirmEmployee(e)
+                                  setShowConfirmModal(true)
+                                }}
+                              >
+                                <CheckCircle className="h-4 w-4" />
+                              </button>
+                            )}
+                            <button
+                              type="button"
+                              title="调部门"
+                              aria-label={`为${e.name}调整部门`}
+                              className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
+                              onClick={(ev) => {
+                                ev.stopPropagation()
+                                setDeptEmployee(e)
+                                setShowDeptModal(true)
+                              }}
+                            >
+                              <Building2 className="h-4 w-4" />
+                            </button>
+                          </div>
+                          <div className="flex items-center justify-center gap-1">
+                            <button
+                              type="button"
+                              title="开具证明"
+                              aria-label={`为${e.name}开具证明`}
+                              className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
+                              onClick={(ev) => {
+                                ev.stopPropagation()
+                                setCertEmployee(e)
+                                setCertPurpose('')
+                                setShowCertModal(true)
+                              }}
+                            >
+                              <FileText className="h-4 w-4" />
+                            </button>
+                            <button
+                              type="button"
+                              title="续签合同"
+                              aria-label={`为${e.name}续签合同`}
+                              className="rounded-md p-1.5 text-gray-500 transition hover:bg-primary/10 hover:text-primary"
+                              onClick={(ev) => {
+                                ev.stopPropagation()
+                                // 自动推导新合同开始日期：原合同结束日 + 1天
+                                const oldEndDate = e.latestContract?.endDate
+                                let newStart = new Date().toISOString().slice(0, 10)
+                                if (oldEndDate) {
+                                  const d = new Date(oldEndDate)
+                                  d.setDate(d.getDate() + 1)
+                                  newStart = d.toISOString().slice(0, 10)
+                                }
+                                setRenewEmployee(e)
+                                setRenewNewStartDate(newStart)
+                                setRenewNewEndDate('')
+                                setRenewNewSalary(e.monthlySalary ? String(e.monthlySalary) : '')
+                                setShowRenewModal(true)
+                              }}
+                            >
+                              <RotateCcw className="h-4 w-4" />
+                            </button>
+                            <button
+                              type="button"
+                              title="离职"
+                              aria-label={`为${e.name}办理离职`}
+                              className="rounded-md p-1.5 text-gray-500 transition hover:bg-danger/10 hover:text-danger"
+                              onClick={(ev) => {
+                                ev.stopPropagation()
+                                setResignEmployee(e)
+                                setShowResignModal(true)
+                              }}
+                            >
+                              <UserX className="h-4 w-4" />
+                            </button>
+                          </div>
                         </div>
                       )}
                       {e.hasTermination && e.status === 'ACTIVE' && e.latestTerminationStatus !== 'CANCELLED' && e.latestTerminationStatus !== 'COMPLETED' && (