diff --git a/ui/src/common/SizeField.js b/ui/src/common/SizeField.js
index 64eaaf888..b64e4b7cf 100644
--- a/ui/src/common/SizeField.js
+++ b/ui/src/common/SizeField.js
@@ -2,10 +2,18 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { formatBytes } from '../utils'
 import { useRecordContext } from 'react-admin'
+import { makeStyles } from '@material-ui/core'
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: 'inline-block',
+  },
+}))
 
 export const SizeField = ({ source, ...rest }) => {
+  const classes = useStyles()
   const record = useRecordContext(rest)
-  return <span>{formatBytes(record[source])}</span>
+  return <span className={classes.root}>{formatBytes(record[source])}</span>
 }
 
 SizeField.propTypes = {