diff --git a/gui/src/components/uploads/UploadProgressDialog.js b/gui/src/components/uploads/UploadProgressDialog.js
index 5403c6f3c3f433adc3a06de7ffcce8e745631af8..942465a79bb7689bf280b482f977f6d1c70191b9 100644
--- a/gui/src/components/uploads/UploadProgressDialog.js
+++ b/gui/src/components/uploads/UploadProgressDialog.js
@@ -50,5 +50,5 @@ export default function UploadProgressDialog({uploading}) {
 }
 
 UploadProgressDialog.propTypes = {
-  uploading: PropTypes.number.isRequired
+  uploading: PropTypes.number
 }
diff --git a/gui/src/components/visualization/Ellipsis.js b/gui/src/components/visualization/Ellipsis.js
index f9c8a55298c8febb68f6548cb9f330c3df070949..c7c4eca49ab71b2eaeac55d7e45ff46fcbc86102 100644
--- a/gui/src/components/visualization/Ellipsis.js
+++ b/gui/src/components/visualization/Ellipsis.js
@@ -26,7 +26,7 @@ import { makeStyles } from '@material-ui/core'
  */
 const useStyles = makeStyles(theme => ({
   root: {
-    dislay: 'inline-block',
+    display: 'block',
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis'
@@ -44,7 +44,7 @@ const useStyles = makeStyles(theme => ({
 
 const Ellipsis = React.memo(({front, children}) => {
   const styles = useStyles()
-  return <div className={clsx(styles.root, front && styles.ellipsisFront)}>{children}</div>
+  return <span className={clsx(styles.root, front && styles.ellipsisFront)}>{children}</span>
 })
 
 Ellipsis.propTypes = {