diff --git a/explorer/src/assets/watermarks/revoked-watermark.svg b/explorer/src/assets/watermarks/revoked-watermark.svg
index eff44a98..7caa1907 100644
--- a/explorer/src/assets/watermarks/revoked-watermark.svg
+++ b/explorer/src/assets/watermarks/revoked-watermark.svg
@@ -1,10 +1,7 @@
- <svg
-  viewBox="0 0 100 100"
-  preserveAspectRatio="none"
-  xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 100 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
   <rect x="0" y="0" width="100" height="100" fill="none" stroke="#f87171" strokeWidth="1" rx="4" ry="4" />
   <line x1="1" y1="1" x2="99" y2="99" stroke="#f87171" strokeWidth="1" />
   <text x="50" y="50" fill="#f87171" fontSize="5" textAnchor="middle" transform="rotate(45, 50, 50)" dy="-.3em">
     Revoked
   </text>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/explorer/src/pages/Attestation/components/AttestationCard/index.tsx b/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
index 9b237a62..c5364f12 100644
--- a/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
+++ b/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
@@ -103,7 +103,9 @@ export const AttestationCard: React.FC<IAttestationCardProps> = ({
   return (
     <div
       key={`${id}`}
-      className={`relative group flex flex-col justify-between gap-4 border border-border-card dark:border-border-cardDark rounded-xl p-4 md:p-6 hover:bg-surface-secondary dark:hover:bg-surface-secondaryDark transition md:min-h-[20rem] ${(isExpired || revoked) && "bg-surface-darkGrey dark:bg-surface-darkGreyDark"}`}
+      className={`relative group flex flex-col justify-between gap-4 border border-border-card dark:border-border-cardDark rounded-xl p-4 md:p-6 hover:bg-surface-secondary dark:hover:bg-surface-secondaryDark transition md:min-h-[20rem] ${
+        (isExpired || revoked) && "bg-surface-darkGrey dark:bg-surface-darkGreyDark"
+      }`}
     >
       <div>
         {revoked && (