diff --git a/dashboard/src/theme.scss b/dashboard/src/theme.scss
index c269f49af..25afb4da7 100644
--- a/dashboard/src/theme.scss
+++ b/dashboard/src/theme.scss
@@ -66,6 +66,12 @@ h1, h2, h3, h4, h5, h6,
     font-weight: 400;
 }
 
+.hide-mobile {
+    @media(max-width:767px) {
+        display: none;
+    }
+}
+
 .table-hover > tbody > tr:hover {
     background-color: $body-bg;
 }
@@ -106,6 +112,7 @@ h1, h2, h3, h4, h5, h6,
     white-space: nowrap;
     overflow: hidden;
     max-width: 300px;
+    vertical-align: middle !important;
 }
 
 .wrap-table-cell {
@@ -390,6 +397,11 @@ textarea {
                 text-decoration: none;
             }
         }
+
+        .app-list-item-progress {
+            height: 5px;
+            margin: 0 8px;
+        }
     }
 }
 
@@ -1125,6 +1137,10 @@ multiselect {
     margin-bottom: 15px;
     padding: 10px 15px;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
+
+    @media(max-width:767px) {
+        padding: 0;
+    }
 }
 
 .card-small {
diff --git a/dashboard/src/views/apps.html b/dashboard/src/views/apps.html
index bf6e83380..79a01530d 100644
--- a/dashboard/src/views/apps.html
+++ b/dashboard/src/views/apps.html
@@ -206,27 +206,30 @@
             <tr>
               <th style="width: 32px">&nbsp;</th>
               <th style="width: 95%">Location</th>
-              <th style="width: 95%">App</th>
-              <th style="width: 32px">&nbsp;</th>
-              <th style="width: 95%">Status</th>
+              <th style="width: 95%" class="hide-mobile">App</th>
+              <th style="width: 32px" class="hide-mobile">&nbsp;</th>
+              <th style="width: 95%" class="hide-mobile">Status</th>
               <th style="width: 5%" class="text-right">{{ 'main.actions' | tr }}</th>
             </tr>
           </thead>
           <tbody>
-            <tr class="app-list-item" ng-repeat="app in installedApps | selectedGroupAccessFilter:selectedGroup | selectedStateFilter:selectedState | selectedTagFilter:selectedTags | selectedDomainFilter:selectedDomain | appSearchFilter:appSearch | orderBy:labelOrFQDN">
-              <td class="elide-table-cell app-list-app-link-cell" style="text-overflow: ellipsis; white-space: nowrap;">
+            <tr class="app-list-item" ng-repeat="app in installedApps | selectedGroupAccessFilter:selectedGroup | selectedStateFilter:selectedState | selectedTagFilter:selectedTags | selectedDomainFilter:selectedDomain | appSearchFilter:appSearch | orderBy:labelOrFQDN"  uib-tooltip="{{ app | appProgressMessage }}">
+              <td class="elide-table-cell app-list-app-link-cell">
                 <a ng-href="{{ app | applicationLink }}" ng-click="onAppClick(app, $event)" target="_blank" class="app-list-app-link">
                   <img ng-src="{{ app.iconUrl || 'img/appicon_fallback.png' }}" fallback-icon="img/appicon_fallback.png" onerror="imageErrorHandler(this)" class="app-list-item-icon"/>
                 </a>
               </td>
-              <td class="elide-table-cell app-list-app-link-cell" style="text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;">
+              <td class="elide-table-cell app-list-app-link-cell">
                 <a ng-href="{{ app | applicationLink }}" ng-click="onAppClick(app, $event)" target="_blank" class="app-list-app-link">
                   {{ app.label || app.subdomain || app.fqdn }}
-                  <span class="app-list-item-fqdn">{{ app.fqdn.indexOf('http') === 0 ? app.fqdn : 'https://'+app.fqdn }}</span>
+                  <span class="app-list-item-fqdn hide-mobile">{{ app.fqdn.indexOf('http') === 0 ? app.fqdn : 'https://'+app.fqdn }}</span>
                 </a>
+                <div class="app-list-item-progress progress progress-striped active" ng-style="{ 'display': isOperator(app) && (app | installationActive) ? 'block' : 'none' }">
+                  <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ app.progress }}%"></div>
+                </div>
               </td>
-              <td class="elide-table-cell" style="text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;">{{ app.manifest.title }}</td>
-              <td style="vertical-align: middle;">
+              <td class="elide-table-cell hide-mobile">{{ app.manifest.title || 'App Link'}}</td>
+              <td class="elide-table-cell hide-mobile">
                 <div ng-show="app.type !== APP_TYPES.LINK">
                   <i class="fa-brands fa-openid" ng-show="app.ssoAuth && app.manifest.addons.oidc" uib-tooltip="{{ 'apps.auth.openid' | tr }}"></i>
                   <i class="fas fa-user" ng-show="app.ssoAuth && (!app.manifest.addons.oidc && !app.manifest.addons.email)" uib-tooltip="{{ 'apps.auth.sso' | tr }}"></i>
@@ -234,8 +237,8 @@
                   <i class="fas fa-envelope" ng-show="app.manifest.addons.email" uib-tooltip="{{ 'apps.auth.email' | tr }}"></i>
                 </div>
               </td>
-              <td style="vertical-align: middle;">{{ app | installationStateLabel }}</td>
-              <td class="text-right no-wrap" style="vertical-align: middle;">
+              <td class="elide-table-cell hide-mobile">{{ app | installationStateLabel }}</td>
+              <td class="elide-table-cell text-right">
                 <a class="btn btn-xs btn-success" style="padding: 1px 7px;" ng-show="config.update[app.id].manifest.version && config.update[app.id].manifest.version !== app.manifest.version && (app | installSuccess) && !(app.error || app.runState === 'stopped')" ng-href="#/app/{{ app.id}}/updates" uib-tooltip="Update Available"><i class="fa fa-arrow-up"></i></a>
 
                 <button class="btn btn-xs btn-default" ng-show="app.type === APP_TYPES.LINK && isOperator(app)" ng-click="applinksEdit.show(app)" uib-tooltip="Configure Applink"><i class="fa fa-cog"></i></button>