diff --git a/frontend/src/app/cow/[cowNo]/genome/_components/trait-distribution-charts.tsx b/frontend/src/app/cow/[cowNo]/genome/_components/trait-distribution-charts.tsx
index 04253de..042a2fd 100644
--- a/frontend/src/app/cow/[cowNo]/genome/_components/trait-distribution-charts.tsx
+++ b/frontend/src/app/cow/[cowNo]/genome/_components/trait-distribution-charts.tsx
@@ -51,10 +51,10 @@ function TraitTableView({ traits, traitRanks }: {
             <thead>
               <tr className="border-b-2 border-border bg-muted/70">
                 <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">유전형질</th>
-                <th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">유전체 육종가</th>
-                <th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">전국 백분위</th>
-                <th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">농가 내 순위</th>
-                <th className="px-3 sm:px-5 py-4 text-left font-semibold text-foreground">보은군 내 순위</th>
+                <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">유전체 육종가</th>
+                <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">전국 백분위</th>
+                <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">농가 내 순위</th>
+                <th className="px-3 sm:px-5 py-4 text-center font-semibold text-foreground">보은군 내 순위</th>
               </tr>
             </thead>
             <tbody>
@@ -65,8 +65,8 @@ function TraitTableView({ traits, traitRanks }: {
                     <td className="px-3 sm:px-5 py-4 text-center">
                       <span className="font-medium text-foreground">{trait.shortName}</span>
                     </td>
-                    <td className="px-3 sm:px-5 py-4 text-left">
-                      <div className="flex items-center gap-2">
+                    <td className="px-3 sm:px-5 py-4 text-center">
+                      <div className="flex items-center justify-center gap-2">
                         <span className={`font-bold ${(() => {
                           const value = trait.traitVal ?? 0
                           const isNegativeTrait = NEGATIVE_TRAITS.includes(trait.traitName || '')
@@ -82,19 +82,19 @@ function TraitTableView({ traits, traitRanks }: {
                         </span>
                       </div>
                     </td>
-                    <td className="px-3 sm:px-5 py-4 text-left">
+                    <td className="px-3 sm:px-5 py-4 text-center">
                       <span className="font-bold text-foreground">
                         상위 {(trait.percentile || 0).toFixed(0)}%
                       </span>
                     </td>
-                    <td className="px-3 sm:px-5 py-4 text-left">
+                    <td className="px-3 sm:px-5 py-4 text-center">
                       <span className="font-bold text-foreground">
                         {rankData?.farmRank && rankData.farmTotal ? (
                           `${rankData.farmRank}위/${rankData.farmTotal}두`
                         ) : '-'}
                       </span>
                     </td>
-                    <td className="px-3 sm:px-5 py-4 text-left">
+                    <td className="px-3 sm:px-5 py-4 text-center">
                       <span className="font-bold text-foreground">
                         {rankData?.regionRank && rankData.regionTotal ? (
                           `${rankData.regionRank}위/${rankData.regionTotal}두`