diff --git a/src/components/ReadingProgressFilters.tsx b/src/components/ReadingProgressFilters.tsx
index d6f10048..6d69ccf2 100644
--- a/src/components/ReadingProgressFilters.tsx
+++ b/src/components/ReadingProgressFilters.tsx
@@ -12,18 +12,19 @@ interface ReadingProgressFiltersProps {
 
 const ReadingProgressFilters: React.FC<ReadingProgressFiltersProps> = ({ selectedFilter, onFilterChange }) => {
   const filters = [
-    { type: 'all' as const, icon: faAsterisk, label: 'All', color: undefined },
-    { type: 'unopened' as const, icon: faEnvelope, label: 'Unopened', color: undefined },
-    { type: 'started' as const, icon: faEnvelopeOpen, label: 'Started', color: 'var(--color-text)' },
-    { type: 'reading' as const, icon: faBookOpen, label: 'Reading', color: '#6366f1' },
-    { type: 'completed' as const, icon: faCheckCircle, label: 'Completed', color: '#10b981' }
+    { type: 'all' as const, icon: faAsterisk, label: 'All' },
+    { type: 'unopened' as const, icon: faEnvelope, label: 'Unopened' },
+    { type: 'started' as const, icon: faEnvelopeOpen, label: 'Started' },
+    { type: 'reading' as const, icon: faBookOpen, label: 'Reading' },
+    { type: 'completed' as const, icon: faCheckCircle, label: 'Completed' }
   ]
 
   return (
     <div className="bookmark-filters">
       {filters.map(filter => {
         const isActive = selectedFilter === filter.type
-        const activeStyle = isActive && filter.color ? { color: filter.color } : undefined
+        // Only "completed" gets green color, everything else uses default blue
+        const activeStyle = isActive && filter.type === 'completed' ? { color: '#10b981' } : undefined
         
         return (
           <button