diff --git a/app/static/app/css/custom.css b/app/static/app/css/custom.css
index 6f2566d..34c3d5f 100644
--- a/app/static/app/css/custom.css
+++ b/app/static/app/css/custom.css
@@ -251,6 +251,22 @@
     height: 93vh;
     transition: height 1s ease, transform 1s ease;
     margin: 0;
+    /* Grundsätzlicher Fix für kleinere Displays (z.B. iPhone 12 mini vs. 15 Pro): die feste
+       vh-Höhe reicht auf kürzeren Viewports nicht für den ganzen Karten-Stapel, und body hat
+       overflow:hidden (verhindert Bounce/Pull-to-refresh) - ohne dieses overflow-y wäre alles
+       unterhalb des sichtbaren Bereichs dauerhaft unerreichbar statt nur eng. */
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+}
+
+/* align-self statt der geerbten align-items-center des Elternelements: sonst würde
+   überlaufender Inhalt (auf kleinen Displays) mittig "geclippt" und wäre weder oben
+   noch unten per Scroll erreichbar. Betrifft nur das Dashboard, nicht die (kurzen,
+   weiterhin mittig zentrierten) Willkommens-/Update-Hinweise. */
+#dashboard {
+    align-self: flex-start;
+    width: 100%;
 }
 
 .bg-white-color {