diff --git a/components/form/form-report.tsx b/components/form/form-report.tsx
index 88841d4..6712bd2 100644
--- a/components/form/form-report.tsx
+++ b/components/form/form-report.tsx
@@ -31,14 +31,11 @@ export default function FormReport() {
     };
 
     const handleSubmit = () => {
-        // Lakukan apa pun yang diperlukan dengan data formulir
         console.log('Data formulir yang dikirim:', formData);
-        console.log('Tanggal yang dipilih:', formData.date);
-        // Contoh: Kirim data ke server atau lakukan tindakan lainnya
     };
 
     return (
-        <div className='mx-20'>
+        <div className='mx-2 md:mx-24'>
             <div className='text-[#1A328E] font-bold text-center'>
                 <p className='text-3xl pt-3'>Lapor Pelanggan Pemilu</p>
                 <p className='text-sm pt-5'>Portal Laporan Pengaduan Online Pelanggaran Pemilu</p>
diff --git a/components/landing/headline.tsx b/components/landing/headline.tsx
index 7be1f0b..52dbfb7 100644
--- a/components/landing/headline.tsx
+++ b/components/landing/headline.tsx
@@ -88,9 +88,9 @@ export default function Headline() {
                             >
                                 {headlineData.map((item) => (
                                     <SwiperSlide key={item.title}>
-                                        <div className="flex flex-col relative  overflow-hidden cursor-pointer rounded-lg">
+                                        <div className="flex flex-col relative  overflow-hidden cursor-pointer rounded-lg ">
                                             <Card>
-                                                <CardBody className="overflow-visible items-center">
+                                                <CardBody className="items-center">
                                                     <Image
                                                         shadow="sm"
                                                         radius="lg"
diff --git a/components/page/detail-campaign.tsx b/components/page/detail-campaign.tsx
index f517f23..93eeb4c 100644
--- a/components/page/detail-campaign.tsx
+++ b/components/page/detail-campaign.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 
 export default function DetailCampaign() {
     return (
-        <div className='flex mx-auto md:mx-20 pt-8'>
+        <div className='flex mx-2 md:mx-20 pt-8 pb-16'>
             <div className='w-full md:w-9/12 '>
                 <div className='w-full'>
                     <img
diff --git a/components/page/similar-news.tsx b/components/page/similar-news.tsx
index ae610e6..fde5040 100644
--- a/components/page/similar-news.tsx
+++ b/components/page/similar-news.tsx
@@ -44,7 +44,7 @@ export default function SimilarNews() {
 
     ];
     return (
-        <div className='border-2'>
+        <div className='border-2 border-red py-10'>
             <p className='text-center pb-10 text-3xl font-bold text-[#FF3900]'>Berita Serupa</p>
             <div className="gap-2 grid grid-cols-2 sm:grid-cols-5 mx-auto md:mx-10">
                 {headlineData.map((item, index) => (