diff --git a/app/lib/ui/widgets/top_mode_bar.dart b/app/lib/ui/widgets/top_mode_bar.dart
index 3026d97..a46372e 100644
--- a/app/lib/ui/widgets/top_mode_bar.dart
+++ b/app/lib/ui/widgets/top_mode_bar.dart
@@ -179,8 +179,15 @@ class _ModeButton extends StatelessWidget {
     final button = GestureDetector(
       onTap: isActive ? null : onTap,
       child: Container(
-        padding: EdgeInsets.symmetric(
-          horizontal: 24,
+        padding: EdgeInsets.only(
+          // Auf der Nahtstellenseite (zum mittleren Inhalt hin, wo der
+          // Farbverlauf transparent beginnt - siehe unten) bekommt der Text
+          // im inaktiven Zustand mehr Abstand als die uebliche 24 (Nutzer-
+          // Feedback: "der Verlauf ist perfekt aber zu nah am text") - die
+          // Aussenseite (zur Leistenkante hin) bleibt bei 24, dort liegt
+          // laengst die volle Deckkraft an.
+          left: !isActive && !isLeftButton ? 38 : 24,
+          right: !isActive && isLeftButton ? 38 : 24,
           // Inaktiv: 6 (= aktives Padding) + TopModeBar._outerPaddingV, statt
           // eines fest verdrahteten Werts - dieser Button ist roh, ohne
           // umgebendes Leisten-Padding (siehe Klassendoku), muss also selbst
@@ -193,7 +200,8 @@ class _ModeButton extends StatelessWidget {
           // Randabstand komplett wirkungslos, weil dieser Button ohnehin
           // schon der hoechste Row-Inhalt war und es dank des zu grossen
           // festen Werts blieb).
-          vertical: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
+          top: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
+          bottom: isActive ? 6 : 6 + TopModeBar._outerPaddingV,
         ),
         decoration: isActive
             ? null