diff --git a/components/SyncIndicator.tsx b/components/SyncIndicator.tsx
index d5cf870..6d150e9 100644
--- a/components/SyncIndicator.tsx
+++ b/components/SyncIndicator.tsx
@@ -49,12 +49,15 @@ export default function SyncIndicator() {
   }
 
   return (
-    <div className="fixed top-4 right-4 z-50 flex items-center gap-2 px-3 py-2 bg-white border border-gray-200 rounded-lg shadow-sm text-xs text-gray-600">
+    <div 
+      className="fixed top-4 right-4 z-50 flex items-center gap-2 px-3 py-2 bg-white border border-gray-200 rounded-lg shadow-sm text-xs text-gray-600"
+      suppressHydrationWarning
+    >
       <RefreshCw 
         size={14} 
         className={`${isSyncing ? 'animate-spin text-blue-500' : 'text-gray-400'}`} 
       />
-      <span>
+      <span suppressHydrationWarning>
         {isSyncing ? 'Syncing...' : `Last sync: ${lastSync.toLocaleTimeString()}`}
       </span>
     </div>