From 28bec4f80795990dbb42e453b75bd214735e2fd7 Mon Sep 17 00:00:00 2001
From: Alain Nicolas <alainncls@users.noreply.github.com>
Date: Fri, 8 Nov 2024 23:55:13 +0700
Subject: [PATCH] Update
 explorer/src/pages/Attestation/components/AttestationCard/index.tsx

---
 .../Attestation/components/AttestationCard/index.tsx  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/explorer/src/pages/Attestation/components/AttestationCard/index.tsx b/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
index c5364f12..a1d4b45a 100644
--- a/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
+++ b/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
@@ -108,9 +108,14 @@ export const AttestationCard: React.FC<IAttestationCardProps> = ({
       }`}
     >
       <div>
-        {revoked && (
-          <RevokedWatermark className="absolute inset-0 w-full h-full pointer-events-none"></RevokedWatermark>
-        )}
+      {revoked && (
+        <div
+          className="absolute inset-0 flex items-center justify-center text-red-500 text-4xl md:text-6xl font-bold opacity-50 pointer-events-none"
+          style={{ transform: "rotate(-45deg)" }}
+        >
+          Revoked
+        </div>
+      )}
         <div className="flex items-start gap-3 text-xl md:text-md font-semibold text-blackDefault dark:text-whiteDefault">
           <div className="w-[2.5rem] h-[2.5rem] md:w-[3rem] md:h-[3rem] flex items-center mr-2 justify-center">
             {displayLogo()}