diff --git a/apps/console/src/components/trustCenter/PublicTrustCenterVendors.tsx b/apps/console/src/components/trustCenter/PublicTrustCenterVendors.tsx
index 710853815..c9e60d6e0 100644
--- a/apps/console/src/components/trustCenter/PublicTrustCenterVendors.tsx
+++ b/apps/console/src/components/trustCenter/PublicTrustCenterVendors.tsx
@@ -97,7 +97,7 @@ export function PublicTrustCenterVendors({ vendors, organizationName }: Props) {
                       href={url}
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="text-blue-600 hover:text-blue-800 underline"
+                      className="text-txt-info hover:opacity-80 underline transition-opacity"
                     >
                       {getCleanUrl(url)}
                     </a>
diff --git a/apps/console/src/layouts/PublicTrustCenterLayout.tsx b/apps/console/src/layouts/PublicTrustCenterLayout.tsx
index e5caed9aa..e3d2ead88 100644
--- a/apps/console/src/layouts/PublicTrustCenterLayout.tsx
+++ b/apps/console/src/layouts/PublicTrustCenterLayout.tsx
@@ -30,8 +30,8 @@ export function PublicTrustCenterLayout({ organizationName, organizationLogo, ch
   };
 
   return (
-    <div className="min-h-screen bg-tertiary">
-      <header className="bg-surface border-b border-border-solid">
+    <div className="min-h-screen bg-level-0">
+      <header className="bg-level-1 border-b border-border-solid">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex items-center justify-between h-16">
             <div className="flex items-center space-x-4">