x

apps/website/src/components/TrackOrderClient.tsx

@@ -8,6 +8,7 @@ import { ChevronRight, Loader2, Package, Search } from 'lucide-react'
 import { API_BASE } from '../lib/api'
 import { useLang } from '../hooks/useLang'
 import { getPathWithLocale } from '../lib/locales'
+import { toneClass } from '../lib/theme'
 
 type TrackResponse =
   | { success: true; orderId: number }
@@ -105,7 +106,7 @@ export default function TrackOrderClient() {
 
         <form className="space-y-5" onSubmit={handleSubmit}>
           {error && (
-            <div className="rounded-2xl border border-rose-100 bg-rose-50 p-4 text-sm font-medium text-rose-600">
+            <div className={`p-4 text-sm font-medium ${toneClass('error')}`}>
               {error}
             </div>
           )}