diff --git a/media/editor/dataDisplay.css b/media/editor/dataDisplay.css
index 75e2904f..cfdeca5e 100644
--- a/media/editor/dataDisplay.css
+++ b/media/editor/dataDisplay.css
@@ -127,5 +127,5 @@
 }
 
 .data-cell-char {
-	width: calc(var(--cell-size) * 0.7) !important;
+	width: calc(var(--cell-size) * 0.5) !important;
 }
diff --git a/media/editor/dataDisplay.tsx b/media/editor/dataDisplay.tsx
index fe81526d..23d549fe 100644
--- a/media/editor/dataDisplay.tsx
+++ b/media/editor/dataDisplay.tsx
@@ -52,7 +52,8 @@ const Byte: React.FC<{ value: number }> = ({ value }) => (
 
 // Byte cells are square, and show two (hex) characters, but text cells show a
 // single character so can be narrower--by this constant multiplier.
-const textCellWidth = 0.7;
+// (must match value at dataDisplay.css#.data-cell-char)
+const textCellWidth = 0.5;
 
 const DataCellGroup: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, ...props }) => (
 	<div className={style.dataCellGroup} {...props}>