From 149ed4d8eca7a8b50315620e6ac73fa338a39bf9 Mon Sep 17 00:00:00 2001
From: ab7022 <bayees1@gmail.com>
Date: Sat, 9 Nov 2024 00:52:18 +0530
Subject: [PATCH] Fix issue with certificate visibility

---
 src/app/certificate/page.tsx   | 2 +-
 src/components/Certificate.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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