diff --git a/packages/bar/src/BarCanvas.tsx b/packages/bar/src/BarCanvas.tsx
index fefd2a04f..e884ee504 100644
--- a/packages/bar/src/BarCanvas.tsx
+++ b/packages/bar/src/BarCanvas.tsx
@@ -335,8 +335,8 @@ const InnerBarCanvas = <RawDatum extends BarDatum>({
 
                     if (enableGridX) {
                         renderGridLinesToCanvas<string | number>(ctx, {
-                            width,
-                            height,
+                            width: innerWidth,
+                            height: innerHeight,
                             scale: xScale,
                             axis: 'x',
                             values: gridXValues,
@@ -345,8 +345,8 @@ const InnerBarCanvas = <RawDatum extends BarDatum>({
 
                     if (enableGridY) {
                         renderGridLinesToCanvas<string | number>(ctx, {
-                            width,
-                            height,
+                            width: innerWidth,
+                            height: innerHeight,
                             scale: yScale,
                             axis: 'y',
                             values: gridYValues,