diff --git a/src/components/LoadingSpinner.tsx b/src/components/LoadingSpinner.tsx
index cda0d28..b330689 100644
--- a/src/components/LoadingSpinner.tsx
+++ b/src/components/LoadingSpinner.tsx
@@ -6,7 +6,7 @@ const LoadingSpinner: React.FC = () => {
   
   return (
     <div className="flex items-center justify-center min-h-[200px]" role="status">
-      <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary border-t-transparent" />
+      <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary dark:border-primary border-t-transparent dark:border-t-transparent" />
       <span className="sr-only">{t('common.loading')}</span>
     </div>
   );
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
index fb4090f..937b622 100644
--- a/src/components/Timeline.tsx
+++ b/src/components/Timeline.tsx
@@ -152,7 +152,7 @@ const Timeline = () => {
           
           {isLoading ? (
             <div className="text-center py-20">
-              <p>{t('updates.loading')}</p>
+              <p className="text-gray-900 dark:text-gray-100">{t('updates.loading')}</p>
             </div>
           ) : updates.length > 0 ? (
             <>