diff --git a/packages/shared/examples/basic-donut-chart/basic-donut-chart.component.html b/packages/shared/examples/basic-donut-chart/basic-donut-chart.component.html
index 2b14b18e8..1f94e2c4e 100644
--- a/packages/shared/examples/basic-donut-chart/basic-donut-chart.component.html
+++ b/packages/shared/examples/basic-donut-chart/basic-donut-chart.component.html
@@ -6,7 +6,7 @@ <h3>Most Common Password Categories</h3>
     [value]="value"
     [data]="data"
     [showEmptySegments]="true"
-    [padAngle]="0.02"
+    [padAngle]="0.01"
     [arcWidth]="100"
     [color]="color"
   />
diff --git a/packages/shared/examples/basic-donut-chart/basic-donut-chart.svelte b/packages/shared/examples/basic-donut-chart/basic-donut-chart.svelte
index a7b21a0d0..ec6f9fcf7 100644
--- a/packages/shared/examples/basic-donut-chart/basic-donut-chart.svelte
+++ b/packages/shared/examples/basic-donut-chart/basic-donut-chart.svelte
@@ -16,7 +16,7 @@
     value={d => d.value}
     {data}
     showEmptySegments={true}
-    padAngle={0.02}
+    padAngle={0.01}
     arcWidth={100}
     {color}
   />
diff --git a/packages/shared/examples/basic-donut-chart/basic-donut-chart.ts b/packages/shared/examples/basic-donut-chart/basic-donut-chart.ts
index 85c7d0a51..25c885758 100644
--- a/packages/shared/examples/basic-donut-chart/basic-donut-chart.ts
+++ b/packages/shared/examples/basic-donut-chart/basic-donut-chart.ts
@@ -14,7 +14,7 @@ const chart = new SingleContainer(container, {
   component: new Donut<DataRecord>({
     value: (d: DataRecord) => d.value,
     showEmptySegments: true,
-    padAngle: 0.02,
+    padAngle: 0.01,
     arcWidth: 100,
     color: (_, i) => legendItems[i].color,
   }),
diff --git a/packages/shared/examples/basic-donut-chart/basic-donut-chart.tsx b/packages/shared/examples/basic-donut-chart/basic-donut-chart.tsx
index ad41ba5bc..6ec0c0743 100644
--- a/packages/shared/examples/basic-donut-chart/basic-donut-chart.tsx
+++ b/packages/shared/examples/basic-donut-chart/basic-donut-chart.tsx
@@ -18,7 +18,7 @@ export default function BasicDonutChart (): JSX.Element {
           value={useCallback(d => d.value, [])}
           data={data}
           showEmptySegments={true}
-          padAngle={0.02}
+          padAngle={0.01}
           arcWidth={100}
           color={useCallback((_, i) => legendItems[i].color, [])}
         />
diff --git a/packages/shared/examples/basic-donut-chart/basic-donut-chart.vue b/packages/shared/examples/basic-donut-chart/basic-donut-chart.vue
index b19ecbb9a..0921cb230 100644
--- a/packages/shared/examples/basic-donut-chart/basic-donut-chart.vue
+++ b/packages/shared/examples/basic-donut-chart/basic-donut-chart.vue
@@ -17,7 +17,7 @@ const color = (d: DataRecord, i: number) => legendItems[i].color
     :value="d => d.value"
     :data="data"
     :showEmptySegments="true"
-    :padAngle="0.02"
+    :padAngle="0.01"
     :arcWidth="100"
     :color="color"
   />