From 156bc5ff2dc2ccbd75122ad5c649c2515e934e98 Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Thu, 11 Jun 2026 03:29:46 -0400
Subject: [PATCH] fix(HexEditor): adjust BYTES_PER_ROW to 8 for correct byte
 display and update address text color for better visibility

---
 src/app/components/HexEditor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/HexEditor.tsx b/src/app/components/HexEditor.tsx
index 7860abf..c082fef 100644
--- a/src/app/components/HexEditor.tsx
+++ b/src/app/components/HexEditor.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { Eye, Pencil, Redo2, Save, Search, Undo2, X } from 'lucide-react';
 
-const BYTES_PER_ROW = 16;
+const BYTES_PER_ROW = 8;
 const ROW_HEIGHT    = 20; // px — matches leading-5 at Tailwind's 16px base
 const CHUNK_ROWS    = 256; // virtual-scroll overscan: render prev+curr+next windows
 
@@ -311,7 +311,7 @@ export default function HexEditor({ data, readOnly = false, onSave }: HexEditorP
               <div key={row} className="flex items-center">
 
                 {/* Address */}
-                <span className="text-neutral-600 w-20 flex-shrink-0 select-none">
+                <span className="text-neutral-400 w-20 flex-shrink-0 select-none">
                   {base.toString(16).padStart(8, '0').toUpperCase()}
                 </span>