Fix issue with the disk space label percents overlapping on small screens.

frontend/src/System/Status/DiskSpace/DiskSpaceConnector.js

@@ -3,12 +3,14 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import { fetchDiskSpace } from 'Store/Actions/systemActions';
+import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
 import DiskSpace from './DiskSpace';
 
 function createMapStateToProps() {
   return createSelector(
     (state) => state.system.diskSpace,
-    (diskSpace) => {
+    createDimensionsSelector(),
+    (diskSpace, dimensions) => {
       const {
         isFetching,
         items
@@ -16,7 +18,8 @@ function createMapStateToProps() {
 
       return {
         isFetching,
-        items
+        items,
+        isSmallScreen: dimensions.isSmallScreen
       };
     }
   );