diff --git a/src/translation/en.json b/src/translation/en.json
index c5b839d70..e24dee3fd 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -23,7 +23,8 @@
             "perPageSelector": "Show {{ n }} per page"
         },
         "action": {
-            "reboot": "Reboot"
+            "reboot": "Reboot",
+            "logs": "Logs"
         }
     },
     "appstore": {
@@ -290,7 +291,22 @@
         "title": "Support"
     },
     "system": {
-        "title": "System Info"
+        "title": "System Info",
+        "diskUsage": {
+            "title": "Disk Usage",
+            "mountedAt": "{{ filesystem }} <small>mounted at</small> {{ mountpoint }}",
+            "usageInfo": "{{ available | prettyDiskSize }}</b> of <b>{{ size | prettyDiskSize }}</b> available",
+            "diskContent": "This {{ type }} disk contains"
+        },
+        "systemMemory": {
+            "title": "System Memory",
+            "graphSubtext": "App values are not stacked up"
+        },
+        "cpuUsage": {
+            "title": "CPU Usage",
+            "graphTitle": "Percentage"
+        },
+        "selectPeriodLabel": "Select Period"
     },
     "eventlog": {
         "title": "Event Log",
diff --git a/src/views/system.html b/src/views/system.html
index c842dd69d..39f91b43e 100644
--- a/src/views/system.html
+++ b/src/views/system.html
@@ -3,13 +3,13 @@
   <div class="text-left">
     <h1>
       {{ 'system.title' | tr }}
-      <a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">Show Logs</a>
+      <a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">{{ 'main.action.logs' | tr }}</a>
       <button class="btn btn-default pull-right" ng-click="$parent.reboot.show()">{{ 'main.action.reboot' | tr }}</button>
     </h1>
   </div>
 
   <uib-tabset active="activeTab">
-    <uib-tab index="0" heading="Disk Usage">
+    <uib-tab index="0" heading="{{ 'system.diskUsage.title' | tr }}">
       <div class="card card-large">
         <div class="row" ng-if="disks.errorMessage">
           <br>
@@ -26,12 +26,12 @@
         <div ng-show="!disks.busy" class="ng-hide">
           <div class="row" ng-repeat="disk in disks.disks" style="margin-bottom: 20px;">
             <div class="col-md-12">
-              <h3>{{ disk.filesystem }} <small>mounted at</small> {{ disk.mountpoint }} <span class="pull-right small"><b>{{ disk.available | prettyDiskSize }}</b> of <b>{{ disk.size | prettyDiskSize }}</b> available</span></h3>
+              <h3><span ng-bind-html="'system.diskUsage.mountedAt' | tr:disk"></span> <span class="pull-right small" ng-bind-html="'system.diskUsage.usageInfo' | tr:disk"></span></h3>
               <div class="progress">
                 <div class="progress-bar" ng-repeat="content in disk.contains" style="width: {{ content.usage / disk.size * 100 }}%; background-color: {{ content.color }};" uib-tooltip="{{ content.label + ' ' + (content.usage | prettyDiskSize) }}"></div>
               </div>
               <br/>
-              <p>This {{ disk.type }} disk contains:</p>
+              <p>{{ 'system.diskUsage.diskContent' | tr:disk }}:</p>
               <ul>
                 <li ng-repeat="content in disk.contains">
                   <span ng-hide="content.app">{{ content.label }} <span class="color-indicator" style="background-color: {{ content.color }};">&nbsp;</span> <small class="text-muted">{{ content.usage | prettyDiskSize }}</small></span>
@@ -44,24 +44,24 @@
       </div>
     </uib-tab>
 
-    <uib-tab index="1" heading="System Memory" select="graphs.show()">
+    <uib-tab index="1" heading="{{ 'system.systemMemory.title' | tr }}" select="graphs.show()">
       <div class="card card-large" style="min-height: 300px;">
         <label style="display: block">Megabyte <span class="pull-right">RAM ({{ memory.memory | prettyByteSize }}) + Swap ({{ memory.swap | prettyByteSize }})</span></label>
         <canvas id="graphsSystemMemoryChart" style="width: 100%;"></canvas>
-        App values are not stacked up
+        {{ 'system.systemMemory.graphSubtext' | tr }}
       </div>
     </uib-tab>
 
-    <uib-tab index="2" heading="CPU Usage" select="graphs.show()">
+    <uib-tab index="2" heading="{{ 'system.cpuUsage.title' | tr }}" select="graphs.show()">
       <div class="card card-large" style="min-height: 300px;">
-        <label>Percentage</label>
+        <label>{{ 'system.cpuUsage.graphTitle' | tr }}</label>
         <canvas id="graphsCPUChart" style="width: 100%;"></canvas>
       </div>
     </uib-tab>
 
     <div class="dropdown pull-right" ng-hide="activeTab === 0">
       <button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
-        Select Period {{ graphs.periodLabel }}
+        {{ 'system.selectPeriodLabel' | tr }} {{ graphs.periodLabel }}
         <span class="caret"></span>
       </button>
       <ul class="dropdown-menu">