diff --git a/docs/data/charts/line-demo/TinyLineChart.js b/docs/data/charts/line-demo/TinyLineChart.js
index db42b863a4642..3b36f8489c31c 100644
--- a/docs/data/charts/line-demo/TinyLineChart.js
+++ b/docs/data/charts/line-demo/TinyLineChart.js
@@ -32,7 +32,7 @@ export default function TinyLineChart() {
         },
         [`& .${markElementClasses.root}`]: {
           stroke: '#8884d8',
-          scale: '0.6',
+          r: 4, // Modify the circle radius
           fill: '#fff',
           strokeWidth: 2,
         },
diff --git a/docs/data/charts/line-demo/TinyLineChart.tsx b/docs/data/charts/line-demo/TinyLineChart.tsx
index db42b863a4642..3b36f8489c31c 100644
--- a/docs/data/charts/line-demo/TinyLineChart.tsx
+++ b/docs/data/charts/line-demo/TinyLineChart.tsx
@@ -32,7 +32,7 @@ export default function TinyLineChart() {
         },
         [`& .${markElementClasses.root}`]: {
           stroke: '#8884d8',
-          scale: '0.6',
+          r: 4, // Modify the circle radius
           fill: '#fff',
           strokeWidth: 2,
         },