diff --git a/src/bundle/FileDetails.tsx b/src/bundle/FileDetails.tsx
index 3b296b7..694c05b 100644
--- a/src/bundle/FileDetails.tsx
+++ b/src/bundle/FileDetails.tsx
@@ -51,6 +51,11 @@ function getColumns(
     );
   });
 
+  function isByteColumn(d: any): boolean {
+    const id = d.column.id;
+    return id === 'totalBytes' || id === 'transitiveRequiresSize';
+  }
+
   function getBar(
     // d: Column,
     d: any,
@@ -61,7 +66,7 @@ function getColumns(
       <div
         style={{
           // background: directoryColors[d.row.original.directory] || "black",
-          background: `var(--grey500)`,
+          background: isByteColumn(d) ? `var(--grey600)` : `var(--grey400)`,
           height: 8,
           width: d.value ? getCSSPercent(d.value / maxes[id]) : "0px",
           position: "relative",
diff --git a/src/bundle/stringFormats.js b/src/bundle/stringFormats.js
index 5fe018c..11900b4 100644
--- a/src/bundle/stringFormats.js
+++ b/src/bundle/stringFormats.js
@@ -2,7 +2,7 @@ const mb = 1024 * 1024;
 const kb = 1024;
 
 export function getFileSizeSplit(size) {
-  if (!size || size === 0) return { size: 0, type: "KB" };
+  if (!size || size === 0) return { value: 0, type: "KB" };
   let value = size && size >= mb ? size / mb : size / kb;
   if (value < 1 || size >= mb) value = value.toFixed(2);
   else value = value.toFixed(0);