diff --git a/src/app/modules/data/detail/data-detail-content.scss b/src/app/modules/data/detail/data-detail-content.scss
index 64dd7289..d8eea3c8 100644
--- a/src/app/modules/data/detail/data-detail-content.scss
+++ b/src/app/modules/data/detail/data-detail-content.scss
@@ -6,7 +6,18 @@
     }
   }
   ion-card {
+    margin: 0;
+    box-shadow: none;
+    ion-card-content {
+      h1 {
+        margin: 0;
+      }
+      padding-bottom: 8px;
+    }
     ion-card-header {
+      color: var(--ion-color-dark);
+      padding-top: 8px;
+      padding-bottom: 4px;
       font-weight: bold;
     }
     ion-grid, ion-col {
@@ -15,4 +26,9 @@
       padding-bottom: 0;
     }
   }
+  ion-grid, ion-col {
+    padding-inline-start: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 }
diff --git a/src/app/modules/data/types/dish/dish-detail-content.html b/src/app/modules/data/types/dish/dish-detail-content.html
index 92cb773f..d0c9bf79 100644
--- a/src/app/modules/data/types/dish/dish-detail-content.html
+++ b/src/app/modules/data/types/dish/dish-detail-content.html
@@ -1,8 +1,12 @@
 <ion-card>
   <ion-card-content>
-    <h1>{{ 'name' | thingTranslate: item }}</h1>
-    {{ 'description' | thingTranslate: item }}</ion-card-content
-  >
+    <ion-text color="dark">
+      <h1>
+        {{ 'name' | thingTranslate: item }}
+      </h1>
+    </ion-text>
+    {{ 'description' | thingTranslate: item }}
+  </ion-card-content>
 </ion-card>
 <ion-grid>
   <ion-row>
@@ -41,7 +45,7 @@
 ></stapps-offers-detail>
 <stapps-simple-card
   *ngIf="item.additives"
-  [title]="'additives' | propertyNameTranslate: item"
+  [title]="'additives' | propertyNameTranslate: item | titlecase"
   [content]="'additives' | thingTranslate: item | join: ', '"
 >
 </stapps-simple-card>
diff --git a/src/app/modules/data/types/place/place-list-item.html b/src/app/modules/data/types/place/place-list-item.html
index 978a8233..345661ef 100644
--- a/src/app/modules/data/types/place/place-list-item.html
+++ b/src/app/modules/data/types/place/place-list-item.html
@@ -21,7 +21,11 @@
                 </li>
                 <li *ngIf="distance">
                   <ion-icon name="walk"></ion-icon
-                  >{{ distance | numberLocalized: 'style:unit,unit:meter,notation:compact' }}
+                  >{{
+                    distance
+                      | numberLocalized
+                        : 'style:unit,unit:meter,notation:compact'
+                  }}
                 </li>
               </ul>
             </ion-note>
@@ -34,7 +38,11 @@
                 </li>
                 <li *ngIf="distance">
                   <ion-icon name="walk"></ion-icon
-                  >{{ distance | numberLocalized: '1.0-0' }} m
+                  >{{
+                    distance
+                      | numberLocalized
+                        : 'style:unit,unit:meter,notation:compact'
+                  }}
                 </li>
               </ul>
             </ion-note>
diff --git a/src/app/modules/data/types/place/special/mensa/place-mensa.html b/src/app/modules/data/types/place/special/mensa/place-mensa.html
index cbaf0290..8d152d2e 100644
--- a/src/app/modules/data/types/place/special/mensa/place-mensa.html
+++ b/src/app/modules/data/types/place/special/mensa/place-mensa.html
@@ -1,6 +1,10 @@
 <ion-card>
   <ion-card-content>
-    <h1>{{ 'name' | thingTranslate: item }}</h1>
+    <ion-text color="dark">
+      <h1>
+        {{ 'name' | thingTranslate: item }}
+      </h1>
+    </ion-text>
     {{ 'description' | thingTranslate: item }}</ion-card-content
   >
 </ion-card>
diff --git a/src/index.html b/src/index.html
index 1b8f83bf..46ee4233 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="color-scheme" content="light dark" />
     <title>StApps</title>
 
     <base href="/" />
