diff --git a/src/index.html b/src/index.html
index 29f0b6262..796dc704a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -105,7 +105,7 @@
         </div>
     </script>
 
-    <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> Cloudron is offline. Reconnecting...</a>
+    <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> {{ 'main.offline' | translate }}</a>
 
     <div class="animateMe ng-hide layout-root" ng-show="initialized">
 
diff --git a/src/translation/de.json b/src/translation/de.json
index 851861808..f803ebd4c 100644
--- a/src/translation/de.json
+++ b/src/translation/de.json
@@ -1,3 +1,8 @@
 {
-    "MY_APPS": "Meine Apps"
+    "apps": {
+        "title": "Meine Apps"
+    },
+    "main": {
+        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…"
+    }
 }
diff --git a/src/translation/en.json b/src/translation/en.json
index 5c538d456..bb4ab2b50 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1,4 +1,8 @@
 {
-    "MY_APPS": "My Apps",
-    "CLOUDRON_OFFLINE": "Cloudron is offline. Reconnecting…"
+    "apps": {
+        "title": "My Apps"
+    },
+    "main": {
+        "offline": "Cloudron is offline. Reconnecting…"
+    }
 }
diff --git a/src/views/apps.html b/src/views/apps.html
index 525138866..1e675a81b 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -112,7 +112,7 @@
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
       <h1 class="view-header">
-        {{ 'MY_APPS' | translate }}
+        {{ 'apps.title' | translate }}
         <div class="pull-right">
           <form class="form-inline">
             <input type="text" class="form-control" ng-show="installedApps.length > 8" placeholder="Search Apps" id="appSearch" ng-model="appSearch"/>