diff --git a/components/landing-page/content-category.tsx b/components/landing-page/content-category.tsx
index a0cff2f1..ad2d4d29 100644
--- a/components/landing-page/content-category.tsx
+++ b/components/landing-page/content-category.tsx
@@ -50,7 +50,7 @@ const ContentCategory = (props: { group?: string }) => {
   const toBase64 = (str: string) => (typeof window === "undefined" ? Buffer.from(str).toString("base64") : window.btoa(str));
 
   return (
-    <div className="mx-auto px-4 lg:px-24 py-10 max-w-screen-2xl">
+    <div className="px-4 lg:px-24 py-10">
       <Reveal>
         <h2 className="bg-[#c03724] rounded-md p-3 w-fit text-white">
           {/* {pathname?.split("/")[1] == "in" ? (
@@ -93,7 +93,7 @@ const ContentCategory = (props: { group?: string }) => {
                     width={2560}
                     height={1440}
                     src={category?.thumbnailLink}
-                    className="w-full lg:w-[325px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
+                    className="w-full lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
                   />
 
                   {/* Overlay gelap */}
@@ -129,7 +129,7 @@ const ContentCategory = (props: { group?: string }) => {
                   width={2560}
                   height={1440}
                   src={category?.thumbnailLink}
-                  className="w-full lg:w-[325px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
+                  className="w-full lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
                 />
 
                 {/* Overlay Gelap */}