diff --git a/components/VendorDataView.tsx b/components/VendorDataView.tsx
index c2abf96..9b431b7 100644
--- a/components/VendorDataView.tsx
+++ b/components/VendorDataView.tsx
@@ -475,7 +475,7 @@ const VendorDataView: React.FC<VendorDataViewProps> = ({ bsrData = [], asinMetad
 
         <div className="h-[220px] w-full mt-2">
           <ResponsiveContainer width="100%" height="100%">
-            <AreaChart data={topBsrChartData} margin={{ top: 20, right: 20, left: -20, bottom: 5 }}>
+            <AreaChart data={topBsrChartData} margin={{ top: 20, right: 20, left: 10, bottom: 5 }}>
               <CartesianGrid strokeDasharray="0" stroke={gridLineColor} strokeOpacity={0.03} vertical={false} />
               <XAxis
                 dataKey="label"
@@ -490,7 +490,8 @@ const VendorDataView: React.FC<VendorDataViewProps> = ({ bsrData = [], asinMetad
                 axisLine={false}
                 tickLine={false}
                 tick={{ fill: '#64748b', fontSize: 11, fontWeight: 500 }}
-                dx={-10}
+                tickFormatter={(v: number) => v >= 1_000_000 ? `${(v / 1_000_000).toFixed(1).replace(/\.0$/, '')}M` : v >= 1_000 ? `${Math.round(v / 1_000)}K` : String(v)}
+                width={45}
               />
               <Tooltip
                 contentStyle={{ backgroundColor: '#111827', border: '1px solid #374151', borderRadius: '8px', color: '#fff' }}
@@ -543,7 +544,7 @@ const VendorDataView: React.FC<VendorDataViewProps> = ({ bsrData = [], asinMetad
 
         <div className="h-[220px] w-full mt-2">
           <ResponsiveContainer width="100%" height="100%">
-            <AreaChart data={detailBsrChartData} margin={{ top: 20, right: 20, left: -20, bottom: 5 }}>
+            <AreaChart data={detailBsrChartData} margin={{ top: 20, right: 20, left: 10, bottom: 5 }}>
               <CartesianGrid strokeDasharray="0" stroke={gridLineColor} strokeOpacity={0.03} vertical={false} />
               <XAxis
                 dataKey="label"
@@ -558,7 +559,8 @@ const VendorDataView: React.FC<VendorDataViewProps> = ({ bsrData = [], asinMetad
                 axisLine={false}
                 tickLine={false}
                 tick={{ fill: '#64748b', fontSize: 11, fontWeight: 500 }}
-                dx={-10}
+                tickFormatter={(v: number) => v >= 1_000_000 ? `${(v / 1_000_000).toFixed(1).replace(/\.0$/, '')}M` : v >= 1_000 ? `${Math.round(v / 1_000)}K` : String(v)}
+                width={45}
               />
               <Tooltip
                 contentStyle={{ backgroundColor: '#111827', border: '1px solid #374151', borderRadius: '8px', color: '#fff' }}