diff --git a/components/PageReader.tsx b/components/PageReader.tsx
index 719a4d2..2097796 100644
--- a/components/PageReader.tsx
+++ b/components/PageReader.tsx
@@ -675,15 +675,24 @@ export function PageReader({
             className="absolute bottom-0 left-0 right-0 max-h-[75vh] bg-background rounded-t-3xl shadow-2xl overflow-hidden"
             onClick={(e) => e.stopPropagation()}
           >
-            <div className="bg-background border-b border-border">
+            <div
+              className="border-b border-border"
+              style={{ backgroundColor: "#ffffff" }}
+            >
               <div className="flex justify-center pt-2.5 pb-1.5">
                 <div className="w-10 h-1 rounded-full bg-muted/40" />
               </div>
               <div className="px-5 py-3 flex items-center justify-between">
-                <span className="text-foreground text-base font-bold">
+                <span
+                  className="text-base font-bold"
+                  style={{ color: "#202124" }}
+                >
                   Chapters
                 </span>
-                <span className="text-xs text-muted tabular-nums">
+                <span
+                  className="text-xs tabular-nums"
+                  style={{ color: "#888888" }}
+                >
                   {chapters.length} total
                 </span>
               </div>