diff --git a/src/app/certificate/page.tsx b/src/app/certificate/page.tsx
index 64f1b1657..8aa1738ee 100644
--- a/src/app/certificate/page.tsx
+++ b/src/app/certificate/page.tsx
@@ -5,7 +5,7 @@ const CertificatePage = async () => {
   const certificates = await getCertificates();
 
   return (
-    <section className="flex w-full flex-wrap items-center justify-center">
+    <section className="flex w-full flex-wrap mt-20 items-center justify-center">
       {certificates?.map(({ cert, course, user }) => (
         <CertificateComponent
           certificateId={cert.id}
diff --git a/src/components/Certificate.tsx b/src/components/Certificate.tsx
index 89f0e5db0..28feb9939 100644
--- a/src/components/Certificate.tsx
+++ b/src/components/Certificate.tsx
@@ -79,7 +79,7 @@ export const CertificateComponent = ({
   };
 
   return (
-    <Card className="w-500 my-4" key={course.id}>
+    <Card className="w-500 my-4 pt-8" key={course.id}>
       <CardContent className="flex justify-center">
         {certificateImageUrl ? (
           <img