From 8d17c69374dd5215709df9b5f12394f78b5639dc Mon Sep 17 00:00:00 2001
From: Richard Roberson <me@richardr.dev>
Date: Sun, 22 Jun 2025 13:17:26 -0600
Subject: [PATCH] Change width and text color

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

diff --git a/src/components/player/Navigator.tsx b/src/components/player/Navigator.tsx
index eafa487..87b9b59 100644
--- a/src/components/player/Navigator.tsx
+++ b/src/components/player/Navigator.tsx
@@ -62,14 +62,14 @@ export const Navigator = ({ currentPage, numPages, skipToLocation }: {
           type="text"
           inputMode="numeric"
           pattern="[0-9]*"
-          className="w-8 text-xs text-center bg-transparent outline-none appearance-none"
+          className="w-6 text-xs text-accent bg-transparent outline-none appearance-none text-right"
           value={inputValue}
           onChange={handleInputChange}
           onBlur={handleInputConfirm}
           onKeyDown={handleInputKeyDown}
           aria-label="Page number"
         />
-        <span className="text-xs ml-1">/ {numPages || 1}</span>
+        <span className="w-6 text-xs ml-1">/ {numPages || 1}</span>
       </div>
 
       {/* Page forward */}