diff --git a/client/src/components/layout/LandingPage.tsx b/client/src/components/layout/LandingPage.tsx
index 9ba837b..1ae8950 100644
--- a/client/src/components/layout/LandingPage.tsx
+++ b/client/src/components/layout/LandingPage.tsx
@@ -127,7 +127,7 @@ const LandingPage: React.FC = () => {
         </section>
 
         {/* Main Features Section */}
-        <section className="py-12 sm:py-20 px-4 bg-gradient-to-b from-transparent to-gray-900/20">
+        <section className="pt-12 sm:pt-20 pb-6 sm:pb-10 bg-gradient-to-b from-transparent to-gray-900/20">
           <div className="max-w-7xl mx-auto">
             <div className="text-center mb-12 sm:mb-16">
               <h2 className="text-3xl sm:text-4xl md:text-5xl font-alien font-bold mb-4 glow-text">
@@ -348,7 +348,7 @@ const LandingPage: React.FC = () => {
         </section>
 
         {/* Why Choose Section */}
-        <section className="py-12 sm:py-20 px-4">
+        <section className="pt-6 sm:pt-10 pb-12 sm:pb-20 px-4">
           <div className="max-w-6xl mx-auto">
             <div className="text-center mb-12 sm:mb-16">
               <h2 className="text-3xl sm:text-4xl md:text-5xl font-alien font-bold mb-4 glow-text">
diff --git a/client/src/pages/CertificateVerificationPage.tsx b/client/src/pages/CertificateVerificationPage.tsx
index 6adc331..783fab9 100644
--- a/client/src/pages/CertificateVerificationPage.tsx
+++ b/client/src/pages/CertificateVerificationPage.tsx
@@ -161,10 +161,10 @@ const CertificateVerificationPage: React.FC = () => {
         description="Verify the authenticity of Edulume certificates easily and securely."
         canonicalUrl="https://edulume.site/verify-certificate"
     />
-    <div className="min-h-screen py-8">
+    <div className="min-h-screen py-4 md:py-6">
       <div className="max-w-4xl mx-auto px-4">
         {/* Header */}
-        <div className="text-center mb-8">
+        <div className="text-center mb-4">
           <div className="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4">
             <svg
               className="w-10 h-10 text-white"
@@ -190,8 +190,8 @@ const CertificateVerificationPage: React.FC = () => {
 
         {/* Certificate Details */}
         {certificateDetails && (
-          <div className="bg-gray-800 rounded-lg p-6 mb-6">
-            <h2 className="text-xl font-semibold text-white mb-6 border-b border-gray-700 pb-2">
+          <div className="bg-gray-800 rounded-lg p-6 mb-4">
+            <h2 className="text-xl font-semibold text-white mb-4 border-b border-gray-700 pb-2">
               Certificate Details
             </h2>