diff --git a/apps/rebreak-native/components/mail/MailDistributionChart.tsx b/apps/rebreak-native/components/mail/MailDistributionChart.tsx
index 8b93a68..911d117 100644
--- a/apps/rebreak-native/components/mail/MailDistributionChart.tsx
+++ b/apps/rebreak-native/components/mail/MailDistributionChart.tsx
@@ -106,12 +106,19 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
             gap: 20,
           }}
         >
-          <HalfDonut
-            segments={segments}
-            centerValue={centerValue}
-            centerLabel={centerLabel}
-            width={DONUT_WIDTH}
-          />
+          {/* Donut-Box ist visuell asymmetrisch (Bogen oben, Center-Number bei
+              ~70% der Box-Höhe). Negativer marginBottom zieht die effektive
+              Box hoch sodass alignItems:center die Legend gegenüber der
+              visuellen Donut-Mitte (Center-Number) zentriert statt gegen die
+              SVG-Bounding-Box-Mitte. */}
+          <View style={{ marginBottom: -28 }}>
+            <HalfDonut
+              segments={segments}
+              centerValue={centerValue}
+              centerLabel={centerLabel}
+              width={DONUT_WIDTH}
+            />
+          </View>
           <View style={{ gap: 6, flex: 1, minWidth: 0 }}>
             {slices.map((slice) => (
               <LegendRow key={slice.label} slice={slice} colors={colors} />