diff --git a/app/src/components/certificate/certificate.module.css b/app/src/components/certificate/certificate.module.css
index 61cae5a..266749e 100644
--- a/app/src/components/certificate/certificate.module.css
+++ b/app/src/components/certificate/certificate.module.css
@@ -30,6 +30,7 @@
 .certificateDetailContainer h2 {
     margin-bottom: 10px;
     cursor: default;
+    font-size: 1.5rem;
 }
 
 .certificateDetailContainer p {
diff --git a/app/src/components/certificates/certificates.js b/app/src/components/certificates/certificates.js
index 60cdba3..e12b33a 100644
--- a/app/src/components/certificates/certificates.js
+++ b/app/src/components/certificates/certificates.js
@@ -7,7 +7,7 @@ const Certificates = () => {
         <div className={certificateStyles.certificatesContainer}>
             {certificates.map((certificate, index) => (
                 <div key={index} className={certificateStyles.certificateCard}>
-                    <h3>{certificate.title}</h3>
+                    <h2>{certificate.title}</h2>
                     <a href={`/certificates/${createSlug(certificate.title)}#image`}>
                         <img src={certificate.path} alt={`${certificate.title} certificate`} />
                     </a>
diff --git a/app/src/components/certificates/certificates.module.css b/app/src/components/certificates/certificates.module.css
index 3e338b1..703d7f7 100644
--- a/app/src/components/certificates/certificates.module.css
+++ b/app/src/components/certificates/certificates.module.css
@@ -25,9 +25,9 @@
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8);
 }
 
-.certificateCard h3 {
+.certificateCard h2 {
     color: #a0cfff;
-    font-size: 1.5rem;
+    font-size: 1.5em;
     margin-bottom: 10px;
     text-align: center;
 }
@@ -58,7 +58,7 @@
     padding: 5px 10px;
     margin: 5px;
     border-radius: var(--border-radius-small);
-    font-size: 0.8rem;
+    font-size: 0.8em;
 }
 
 @media (max-width: 768px) {