diff --git a/src/theme.scss b/src/theme.scss
index 483b54b3b..6a50b8f8c 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -107,6 +107,10 @@ $state-danger-border:                       $brand-danger;
     max-width: 300px;
 }
 
+.wrap-table-cell {
+    word-wrap: break-word;
+}
+
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
     background-color: $brand-primary;
     color: white;
diff --git a/src/views/volumes.html b/src/views/volumes.html
index e5a0ab885..37f6fdd28 100644
--- a/src/views/volumes.html
+++ b/src/views/volumes.html
@@ -131,9 +131,9 @@
             <tr>
               <th style="width:  5%"></th>
               <th style="width: 20%" class="text-left">{{ 'volumes.name' | tr }}</th>
-              <th style="width: 20%" class="text-left">{{ 'volumes.type' | tr }}</th>
+              <th style="width: 15%" class="text-left">{{ 'volumes.type' | tr }}</th>
               <th style="width: 45%" class="text-left">{{ 'volumes.hostPath' | tr }}</th>
-              <th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
+              <th style="width: 15%" class="text-right">{{ 'main.actions' | tr }}</th>
             </tr>
           </thead>
           <tbody>
@@ -142,14 +142,14 @@
                 <i class="fa fa-circle" ng-style="{ color: volume.status.state === 'active' ? '#27CE65' : '#d9534f' }" ng-show="volume.status" uib-tooltip="{{ volume.status.message }}"></i>
                 <i class="fa fa-circle-notch fa-spin" ng-hide="volume.status"></i>
               </td>
-              <td class="elide-table-cell">
+              <td class="wrap-table-cell">
                 {{ volume.name }}
               </td>
-              <td class="elide-table-cell">
+              <td class="wrap-table-cell">
                 {{ volume.mountType }}
               </td>
-              <td class="text-left elide-table-cell hidden-xs hidden-sm" ng-show="volume.mountType !== 'mountpoint' && volume.mountType !== 'filesystem'">{{ volume.mountOptions.host || volume.mountOptions.diskPath || volume.hostPath }}{{ volume.mountOptions.remoteDir }}</td>
-              <td class="text-left elide-table-cell hidden-xs hidden-sm" ng-show="volume.mountType === 'mountpoint' || volume.mountType === 'filesystem'">{{ volume.hostPath }}</td>
+              <td class="text-left wrap-table-cell hidden-xs hidden-sm" ng-show="volume.mountType !== 'mountpoint' && volume.mountType !== 'filesystem'">{{ volume.mountOptions.host || volume.mountOptions.diskPath || volume.hostPath }}{{ volume.mountOptions.remoteDir }}</td>
+              <td class="text-left wrap-table-cell hidden-xs hidden-sm" ng-show="volume.mountType === 'mountpoint' || volume.mountType === 'filesystem'">{{ volume.hostPath }}</td>
               <td class="text-right no-wrap" style="vertical-align: bottom">
                 <button class="btn btn-xs btn-default" ng-click="remount(volume)" ng-show="isMountProvider(volume.mountType)" ng-disabled="volume.remounting" uib-tooltip="{{ 'volumes.remountActionTooltip' | tr }}"><i class="fa fa-sync-alt" ng-class="{ 'fa-spin': volume.remounting }"></i></button>
                 <a class="btn btn-xs btn-default" ng-href="{{ '/filemanager.html?type=volume&id=' + volume.id }}" target="_blank" uib-tooltip="{{ 'volumes.openFileManagerActionTooltip' | tr }}"><i class="fas fa-folder"></i></a>