diff --git a/interface/src/project/Devices.tsx b/interface/src/project/Devices.tsx
index 008837835..beb919ce1 100644
--- a/interface/src/project/Devices.tsx
+++ b/interface/src/project/Devices.tsx
@@ -640,6 +640,7 @@ const Devices: FC = () => {
               {me.admin && (
                 <IconButton onClick={customize}>
                   <FormatListNumberedIcon
+                    color="primary"
                     sx={{ fontSize: 18, verticalAlign: 'middle' }}
                   />
                 </IconButton>
diff --git a/interface/src/project/deviceValue.ts b/interface/src/project/deviceValue.ts
index 3134bdca3..f7a71d7ff 100644
--- a/interface/src/project/deviceValue.ts
+++ b/interface/src/project/deviceValue.ts
@@ -31,7 +31,7 @@ export function formatValue(
   uom: DeviceValueUOM
 ) {
   if (typeof value !== 'number') {
-    return value;
+    return (value === undefined ? '' : value) as string;
   }
   switch (uom) {
     case DeviceValueUOM.HOURS: