diff --git a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.tsx b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.tsx
index 43d716619..b4f08d4b3 100644
--- a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.tsx
+++ b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.tsx
@@ -48,7 +48,7 @@ const TCACertificate: FC<TCACertificateProps> = (props: TCACertificateProps) =>
             className={classNames(styles.wrap, props.viewStyle)}
             ref={props.elRef}
         >
-            <div className={styles.theme}>
+            <div className={classNames(styles.theme, styles[`theme-${certificateType.toLowerCase()}`])}>
                 <CertificateBackground className={styles.background} certType={certificateType} />
                 <div className={classNames(styles.details)}>
                     <div className={styles.headerWrap}>