diff --git a/web/gui/src/main/webapp/app/view/app/app.css b/web/gui/src/main/webapp/app/view/app/app.css
index eab45ef..7c01044 100644
--- a/web/gui/src/main/webapp/app/view/app/app.css
+++ b/web/gui/src/main/webapp/app/view/app/app.css
@@ -103,6 +103,16 @@
     font-size: 12pt;
 }
 
+#application-details-panel .top .app-title {
+    width: 90%;
+    height: 45px;
+    font-size: 22pt;
+    font-weight: bold;
+    overflow: hidden;
+    white-space: nowrap;
+    padding: 0 12px 0 0;
+}
+
 #application-details-panel .top div.left {
     float: left;
     padding: 0 12px 0 0;
diff --git a/web/gui/src/main/webapp/app/view/app/app.html b/web/gui/src/main/webapp/app/view/app/app.html
index 4201fda..535af2f 100644
--- a/web/gui/src/main/webapp/app/view/app/app.html
+++ b/web/gui/src/main/webapp/app/view/app/app.html
@@ -42,11 +42,11 @@
                 <tr>
                     <td colId="state" class="table-icon" sortable></td>
                     <td colId="icon" class="table-icon">Icon </td>
-                    <td colId="id" sortable col-width="250px">App ID </td>
+                    <td colId="title" sortable col-width="240px">Title </td>
+                    <td colId="id" sortable col-width="240px">App ID </td>
                     <td colId="version" sortable col-width="120px">Version </td>
                     <td colId="category" sortable col-width="100px">Category </td>
-                    <td colId="origin" sortable col-width="100px">Origin </td>
-                    <td colId="desc">Description </td>
+                    <td colId="origin" sortable>Origin </td>
                 </tr>
             </table>
         </div>
@@ -68,11 +68,11 @@
                     </td>
                     <td><img data-ng-src="./rs/applications/{{app.icon}}/icon"
                              height="28px" width="28px" /></td>
+                    <td>{{app.title}}</td>
                     <td>{{app.id}}</td>
                     <td>{{app.version}}</td>
                     <td>{{app.category}}</td>
                     <td>{{app.origin}}</td>
-                    <td>{{app.desc}}</td>
                 </tr>
             </table>
         </div>
diff --git a/web/gui/src/main/webapp/app/view/app/app.js b/web/gui/src/main/webapp/app/view/app/app.js
index a297bcb..1f1078b 100644
--- a/web/gui/src/main/webapp/app/view/app/app.js
+++ b/web/gui/src/main/webapp/app/view/app/app.js
@@ -108,6 +108,7 @@
             }
         }
 
+        ndiv('app-title');
         ndiv('left app-icon');
         ndiv('right', 'app-props');
         ndiv('app-url');
@@ -156,6 +157,8 @@
         var propsBody = top.select('.app-props').append('tbody'),
             url = details.url;
 
+        top.select('.app-title').text(details.title);
+
         addIcon(top.select('.app-icon'), details.id);
 
         propOrder.forEach(function (prop, i) {
@@ -263,7 +266,7 @@
             sortParams: {
                 firstCol: 'state',
                 firstDir: 'desc',
-                secondCol: 'id',
+                secondCol: 'title',
                 secondDir: 'asc'
             }
         });