           <ListItem key={bucket._id} pad='medium' justify='between' align='center'>
             <Box direction='column' pad='none'>
               <strong>{bucket.name}</strong>
-              <span>{filesize bucket.size}</span>
+              <span>{filesize bucket.size or 0}</span>
             </Box>
           </ListItem>
         }

          type='circle'
          size='small'
          units={used.suffix}
          max={used.value + free.value}
          series={[{"label": "Used", "value": used.value, "colorIndex": "neutral-3"}, {"label": "Free", "value": free.value, "colorIndex": "neutral-4"}]} />


      </Box>

    exponent = filesize ds.total, output: 'exponent'
    used = filesize(ds.used, {output: "object", exponent: exponent})
    free = filesize(ds.free, {output: "object", exponent: exponent})
    usedVal = Math.round used.value
    freeVal = Math.round free.value
    total = Math.round used.value + free.value
    splitFlex = if @props.selectedAppName then 'right' else 'left'

    <Article>
      <Header fixed=true pad='medium'>
        <Title responsive=true truncate=true>Storage Buckets</Title>
