fix styles

Author: pettinarip

app/[locale]/10years/_components/CurrentTorchHolderCard.tsx

@@ -37,7 +37,10 @@ const CurrentTorchHolderCard = ({
 }: CurrentTorchHolderCardProps) => {
   return (
     <Card
-      className={cn("w-full overflow-hidden rounded-3xl shadow-xl", className)}
+      className={cn(
+        "w-full overflow-hidden rounded-3xl bg-background-highlight shadow-xl",
+        className
+      )}
     >
       <CardHeader className="bg-[#161A36]">
         <div className="relative">

app/[locale]/10years/_components/TorchHistoryCard.tsx

@@ -72,12 +72,12 @@ const TorchHistoryCard: React.FC<TorchHistoryCardProps> = ({
         <div>{role}</div>
         {!isPlaceholder && (
           <>
-            <div className="text-xs text-body-medium">
+            <div className="text-xs text-gray-500">
               From {formatDate(from)} to {formatDate(to)}
             </div>
             <BaseLink
               href={getTxEtherscanUrl(transactionHash)}
-              className="text-xs"
+              className="text-xs text-purple-600 hover:text-purple-500"
             >
               View on Etherscan
             </BaseLink>