diff --git a/src/index.html b/src/index.html
index 72904f1..6397081 100644
--- a/src/index.html
+++ b/src/index.html
@@ -41,6 +41,7 @@
   <script src="tags/catalog.tag" type="riot/tag"></script>
   <script src="tags/tag-history-button.tag" type="riot/tag"></script>
   <script src="tags/tag-history.tag" type="riot/tag"></script>
+  <script src="tags/tag-history-element.tag" type="riot/tag"></script>
   <script src="tags/taglist.tag" type="riot/tag"></script>
   <script src="tags/image-tag.tag" type="riot/tag"></script>
   <script src="tags/remove-image.tag" type="riot/tag"></script>
diff --git a/src/scripts/http.js b/src/scripts/http.js
index 56cb088..22a3745 100644
--- a/src/scripts/http.js
+++ b/src/scripts/http.js
@@ -24,13 +24,13 @@ function Http() {
 
 Http.prototype.addEventListener = function(e, f) {
   this._events[e] = f;
-  var self = this;
+  const self = this;
   switch (e) {
     case 'loadend':
       {
         self.oReq.addEventListener('loadend', function() {
           if (this.status == 401) {
-            var req = new XMLHttpRequest();
+            const req = new XMLHttpRequest();
             req.open(self._method, self._url);
             for (key in self._events) {
               req.addEventListener(key, self._events[key]);
diff --git a/src/scripts/script.js b/src/scripts/script.js
index 0a8fb18..c9fef6d 100644
--- a/src/scripts/script.js
+++ b/src/scripts/script.js
@@ -20,7 +20,7 @@ registryUI.URL_PARAM_REGEX = /^url=/;
 
 registryUI.name = registryUI.url = function(byPassQueryParam) {
   if (!registryUI._url) {
-    var url = registryUI.getUrlQueryParam();
+    const url = registryUI.getUrlQueryParam();
     if (url) {
       try {
         registryUI._url = registryUI.decodeURI(url);
@@ -35,7 +35,7 @@ registryUI.name = registryUI.url = function(byPassQueryParam) {
 }
 registryUI.getRegistryServer = function(i) {
   try {
-    var res = JSON.parse(localStorage.getItem('registryServer'));
+    const res = JSON.parse(localStorage.getItem('registryServer'));
     if (res instanceof Array) {
       return (!isNaN(i)) ? res[i] : res.map(function(url) {
         return url.trim().replace(/\/*$/, '');
@@ -45,9 +45,9 @@ registryUI.getRegistryServer = function(i) {
   return (!isNaN(i)) ? '' : [];
 }
 registryUI.addServer = function(url) {
-  var registryServer = registryUI.getRegistryServer();
+  const registryServer = registryUI.getRegistryServer();
   url = url.trim().replace(/\/*$/, '');
-  var index = registryServer.indexOf(url);
+  const index = registryServer.indexOf(url);
   if (index != -1) {
     return;
   }
@@ -56,11 +56,11 @@ registryUI.addServer = function(url) {
     registryUI.updateHistory(url);
   }
   localStorage.setItem('registryServer', JSON.stringify(registryServer));
-}
+};
 registryUI.changeServer = function(url) {
   var registryServer = registryUI.getRegistryServer();
   url = url.trim().replace(/\/*$/, '');
-  var index = registryServer.indexOf(url);
+  const index = registryServer.indexOf(url);
   if (index == -1) {
     return;
   }
@@ -68,11 +68,11 @@ registryUI.changeServer = function(url) {
   registryServer = [url].concat(registryServer);
   registryUI.updateHistory(url);
   localStorage.setItem('registryServer', JSON.stringify(registryServer));
-}
+};
 registryUI.removeServer = function(url) {
-  var registryServer = registryUI.getRegistryServer();
+  const registryServer = registryUI.getRegistryServer();
   url = url.trim().replace(/\/*$/, '');
-  var index = registryServer.indexOf(url);
+  const index = registryServer.indexOf(url);
   if (index == -1) {
     return;
   }
@@ -90,9 +90,9 @@ registryUI.updateHistory = function(url) {
 }
 
 registryUI.getUrlQueryParam = function () {
-  var search = window.location.search;
+  const search = window.location.search;
   if (registryUI.URL_QUERY_PARAM_REGEX.test(search)) {
-    var param = search.split(/^\?|&/).find(function(param) {
+    const param = search.split(/^\?|&/).find(function(param) {
       return param && registryUI.URL_PARAM_REGEX.test(param);
     });
     return param ? param.replace(registryUI.URL_PARAM_REGEX, '') : param;
diff --git a/src/style.css b/src/style.css
index b605dbd..fcaa695 100644
--- a/src/style.css
+++ b/src/style.css
@@ -194,6 +194,7 @@ material-card table td {
   text-align: right;
 }
 
+tag-history-button button:hover,
 material-card table th.material-card-th-sorted-ascending:hover, material-card table th.material-card-th-sorted-descending:hover {
   cursor: pointer;
 }
@@ -337,38 +338,31 @@ select {
   cursor: pointer;
 }
 
-material-card.tag-history {
+tag-history material-card {
   min-height: auto;
-  margin-bottom: 0;
-}
-.tag-history-element {
-  margin-top:5px;
-  margin-bottom: 0;
 }
 
-.tag-history-element > div {
-  padding: 20px;
-  min-width: 100px;
-}
-
-.tag-history-element i {
+tag-history-element i {
   font-size: 20px;
   padding: 0px;
 }
 
-.tag-history-element .docker_version .headline .material-icons {
-  background-size: 20px auto;
+tag-history-element.docker_version .headline .material-icons {
+  background-size: 24px auto;
   background-image: url("images/docker-logo.svg");
   background-repeat: no-repeat;
 }
 
-.tag-history-element > div {
+tag-history-element {
   display: block;
+  padding: 20px;
+  min-width: 100px;
   width: 420px;
   float: left;
+  overflow-x: auto;
 }
 
-.tag-history-element .headline p {
+tag-history-element .headline p {
   font-weight: bold;
   line-height: 20px;
   position: relative;
@@ -376,9 +370,7 @@ material-card.tag-history {
   top: -4px;
 }
 
-.tag-history-element .id div.value,
-.tag-history-element .container div.value,
-.tag-history-element .parent div.value {
+tag-history-element.id div.value {
   font-size: 12px;
 }
 
diff --git a/src/tags/app.tag b/src/tags/app.tag
index 4cd772c..9a09859 100644
--- a/src/tags/app.tag
+++ b/src/tags/app.tag
@@ -210,6 +210,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
               e.size = self.layers[i].size;
               e.id = self.layers[i].digest.replace('sha256:', '');
             });
+          self.blobs.id = blob.replace('sha256:', '');
           self.trigger('creation-date', self.creationDate);
           self.trigger('blobs', self.blobs);
         } else if (this.status == 404) {
@@ -224,13 +225,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     };
 
     registryUI.bytesToSize = function (bytes) {
-      var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+      const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
       if (bytes == undefined || isNaN(bytes)) {
         return '?';
       } else if (bytes == 0) {
         return '0 Byte';
       }
-      var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
+      const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
       return Math.ceil(bytes / Math.pow(1024, i)) + ' ' + sizes[i];
     };
     route.start(true);
diff --git a/src/tags/catalog.tag b/src/tags/catalog.tag
index 2259e1c..9763145 100644
--- a/src/tags/catalog.tag
+++ b/src/tags/catalog.tag
@@ -37,7 +37,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     registryUI.catalog.instance = this;
     registryUI.catalog.display = function() {
       registryUI.catalog.repositories = [];
-      var oReq = new Http();
+      const oReq = new Http();
       oReq.addEventListener('load', function() {
         registryUI.catalog.repositories = [];
         if (this.status == 200) {
diff --git a/src/tags/copy-to-clipboard.tag b/src/tags/copy-to-clipboard.tag
index 3dee1ac..f12f7cc 100644
--- a/src/tags/copy-to-clipboard.tag
+++ b/src/tags/copy-to-clipboard.tag
@@ -22,7 +22,7 @@
   <script type="text/javascript">
     this.dockerCmd = 'docker pull ' + registryUI.cleanName() + '/' + opts.image.name + ':' + opts.image.tag;
     this.copy = function () {
-      var copyText = this.refs['input'];
+      const copyText = this.refs['input'];
       copyText.style.display = 'block';
       copyText.select();
       document.execCommand('copy');
diff --git a/src/tags/image-date.tag b/src/tags/image-date.tag
index bf5801e..3ff9f4e 100644
--- a/src/tags/image-date.tag
+++ b/src/tags/image-date.tag
@@ -17,7 +17,7 @@
 <image-date>
   <div title="Creation date { this.localDate }">{ this.dateFormat(this.date) } ago</div>
   <script type="text/javascript">
-    var self = this;
+    const self = this;
     this.dateFormat = function(date) {
       if (date === undefined) {
         return '';
diff --git a/src/tags/image-size.tag b/src/tags/image-size.tag
index 0f7d1cd..874db7f 100644
--- a/src/tags/image-size.tag
+++ b/src/tags/image-size.tag
@@ -17,7 +17,7 @@
 <image-size>
   <div title="Compressed size of your image.">{ registryUI.bytesToSize(this.size) }</div>
   <script type="text/javascript">
-    var self = this;
+    const self = this;
     opts.image.on('size', function(size) {
       self.size = size;
       self.update();
diff --git a/src/tags/image-tag.tag b/src/tags/image-tag.tag
index ed4133c..c9d260e 100644
--- a/src/tags/image-tag.tag
+++ b/src/tags/image-tag.tag
@@ -17,7 +17,7 @@
 <image-tag>
   <div title="{ this.sha256 }">{ opts.image.tag }</div>
   <script type="text/javascript">
-    var self = this;
+    const self = this;
     opts.image.on('sha256', function(sha256) {
       self.sha256 = sha256.substring(0, 19);
       self.update();
diff --git a/src/tags/menu.tag b/src/tags/menu.tag
index ea30aec..248eb75 100644
--- a/src/tags/menu.tag
+++ b/src/tags/menu.tag
@@ -28,7 +28,7 @@
     registryUI.menuTag = registryUI.menuTag || {};
     registryUI.menuTag.update = this.update;
     this.one('mount', function(args) {
-      var self = this;
+      const self = this;
       registryUI.menuTag.close = function() {
         self.tags['material-dropdown'].close();
         self.update();
diff --git a/src/tags/remove-image.tag b/src/tags/remove-image.tag
index 8f73a87..25456af 100644
--- a/src/tags/remove-image.tag
+++ b/src/tags/remove-image.tag
@@ -23,7 +23,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     registryUI.removeImage = registryUI.removeImage || {};
 
     registryUI.removeImage.remove = function(name, tag) {
-      var oReq = new Http();
+      const oReq = new Http();
       oReq.addEventListener('loadend', function() {
         registryUI.taglist.refresh();
         if (this.status == 200) {
@@ -31,8 +31,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             registryUI.errorSnackbar('You need to add Access-Control-Expose-Headers: [\'Docker-Content-Digest\'] in your server configuration.');
             return;
           }
-          var digest = this.getResponseHeader('Docker-Content-Digest');
-          var oReq = new Http();
+          const digest = this.getResponseHeader('Docker-Content-Digest');
+          const oReq = new Http();
           oReq.addEventListener('loadend', function() {
             if (this.status == 200 || this.status == 202) {
               registryUI.taglist.refresh();
diff --git a/src/tags/tag-history-element.tag b/src/tags/tag-history-element.tag
new file mode 100644
index 0000000..e58d7a2
--- /dev/null
+++ b/src/tags/tag-history-element.tag
@@ -0,0 +1,64 @@
+<!--
+Copyright (C) 2016-2018 Jones Magloire @Joxit
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<tag-history-element class="{entry.key}">
+  <div class="headline"><i class="material-icons">{ this.getIcon(entry.key) }</i>
+    <p>{ entry.key.replace('_', ' ') }</p>
+  </div>
+  <div class="value" if={!(entry.value instanceof Array)}> { entry.value }</div>
+  <div class="value" each={ e in entry.value } if={entry.value instanceof Array}> { e }</div>
+  <script type="text/javascript">
+    this.getIcon = function(attribute) {
+      switch (attribute) {
+        case 'architecture':
+          return 'memory';
+        case 'created':
+          return 'event';
+        case 'docker_version':
+          return '';
+        case 'os':
+          return 'developer_board';
+        case 'Cmd':
+          return 'launch';
+        case 'Entrypoint':
+          return 'input';
+        case 'Env':
+          return 'notes';
+        case 'Labels':
+          return 'label';
+        case 'User':
+          return 'face';
+        case 'Volumes':
+          return 'storage';
+        case 'WorkingDir':
+          return 'home';
+        case 'author':
+          return 'account_circle';
+        case 'id':
+        case 'digest':
+          return 'settings_ethernet';
+        case 'created_by':
+          return 'build';
+        case 'size':
+          return 'get_app';
+        case 'ExposedPorts':
+          return 'router';
+        default:
+          ''
+      }
+    }
+  </script>
+</tag-history-element>
\ No newline at end of file
diff --git a/src/tags/tag-history.tag b/src/tags/tag-history.tag
index c24b052..b131f8d 100644
--- a/src/tags/tag-history.tag
+++ b/src/tags/tag-history.tag
@@ -17,7 +17,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 <tag-history>
   <material-card ref="tag-history-tag" class="tag-history">
     <div class="material-card-title-action">
-      <a href="#!taglist/{registryUI.taghistory.image}" onclick="registryUI.home();">
+      <a href="#!taglist/{registryUI.taghistory.image}">
         <i class="material-icons">arrow_back</i>
       </a>
       <h2>
@@ -26,17 +26,11 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     </div>
   </material-card>
   <div hide="{ registryUI.taghistory.loadend }" class="spinner-wrapper">
-    <material-spinner></material-spinner>
+    <material-spinner/>
   </div>
 
   <material-card each="{ guiElement in this.elements }" class="tag-history-element">
-    <div each="{ entry in guiElement }" class="{ entry.key }" if="{ entry.value != ''}">
-      <div class="headline"><i class="material-icons">{entry.icon}</i>
-        <p>{ entry.key.replace('_', ' ') }</p>
-      </div>
-      <div class="value"> { entry.value }</div>
-    </div>
-
+    <tag-history-element each="{ entry in guiElement }" if="{ entry.value && entry.value.length > 0}"/>
   </material-card>
   <script type="text/javascript">
     const self = this;
@@ -55,7 +49,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     };
 
     self.eltSort = function(e1, e2) {
-      console.log(e1, e2)
       return self.eltIdx(e1.key) - self.eltIdx(e2.key);
     };
 
@@ -69,44 +62,25 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         case 'size':
           return registryUI.bytesToSize(value);
         case 'Entrypoint':
-        case 'Env':
         case 'Cmd':
           return (value || []).join(' ');
         case 'Labels':
           return Object.keys(value || {}).map(function(elt) {
             return value[elt] ? elt + '=' + value[elt] : '';
-          }).join(' ');
+          });
         case 'Volumes':
+        case 'ExposedPorts':
           return Object.keys(value);
       }
       return value || '';
     };
 
-    self.getIcon = function(attribute) {
-      switch (attribute) {
-        case 'architecture': return 'memory';
-        case 'created': return 'event';
-        case 'docker_version': return '';
-        case 'os': return 'developer_board';
-        case 'Cmd': return 'launch';
-        case 'Entrypoint': return 'input';
-        case 'Env': return 'notes';
-        case 'Labels': return 'label';
-        case 'User': return 'face';
-        case 'Volumes': return 'storage';
-        case 'WorkingDir': return 'home';
-        case 'author': return 'account_circle';
-        case 'id': case 'digest': return 'settings_ethernet';
-        case 'created_by': return 'build';
-        case 'size': return 'get_app';
-        default: ''
-
-      }
-    }
-
     self.getConfig = function(blobs) {
-      const res = ['architecture', 'User', 'created', 'docker_version', 'os', 'Cmd', 'Entrypoint', 'Env', 'Labels', 'User', 'Volumes', 'WorkingDir', 'author'].reduce(function(acc, e) {
-        acc[e] = blobs[e] || blobs.config[e];
+      const res = ['architecture', 'User', 'created', 'docker_version', 'os', 'Cmd', 'Entrypoint', 'Env', 'Labels', 'User', 'Volumes', 'WorkingDir', 'author', 'id', 'ExposedPorts'].reduce(function(acc, e) {
+        const value = blobs[e] || blobs.config[e];
+        if (value) {
+          acc[e] = value;
+        }
         return acc;
       }, {});
 
@@ -130,8 +104,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
               const value = elt[attribute];
               const guiElement = {
                 "key": attribute,
-                "value": self.modifySpecificAttributeTypes(attribute, value),
-                'icon': self.getIcon(attribute)
+                "value": self.modifySpecificAttributeTypes(attribute, value)
               };
               guiElements.push(guiElement);
             }
diff --git a/src/tags/taglist.tag b/src/tags/taglist.tag
index 231c38d..9c26bfa 100644
--- a/src/tags/taglist.tag
+++ b/src/tags/taglist.tag
@@ -72,7 +72,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     registryUI.taglist.display = function() {
       registryUI.taglist.tags = [];
       if (route.routeName == 'taglist') {
-        var oReq = new Http();
+        const oReq = new Http();
         registryUI.taglist.instance.update();
         oReq.addEventListener('load', function() {
           registryUI.taglist.tags = [];