diff --git a/workspaces/website/src/components/ArticleCard/ArticleCard.tsx b/workspaces/website/src/components/ArticleCard/ArticleCard.tsx
index 68f47cc25b..a0d6d1e127 100644
--- a/workspaces/website/src/components/ArticleCard/ArticleCard.tsx
+++ b/workspaces/website/src/components/ArticleCard/ArticleCard.tsx
@@ -6,6 +6,7 @@ import {
   Image as ChakraImage,
   Icon,
   Flex,
+  ChakraProps,
 } from "@chakra-ui/react";
 import { Text } from "@ui/Typography/Text";
 import { Heading } from "@ui/Typography/Heading";
@@ -17,11 +18,12 @@ type RootProps = {
   children: React.ReactNode;
   href: string;
   type?: | "grid" | "featured";
+  sx?: ChakraProps['sx']
 };
 
-const Root = ({ children, href, type = "grid" }: RootProps) => {
+const Root = ({ children, href, type = "grid", sx }: RootProps) => {
   return (
-    <CardGradientBorder padding="0" borderRadius={{ base: "8px" }} overflow="hidden">
+    <CardGradientBorder padding="0" borderRadius={{ base: "8px" }} overflow="hidden" sx={sx}>
       <Box as="a" href={href} _hover={{ textDecor: "none" }} role="group">
         <Box p="0" height="full" borderRadius="8px" bg="card-bg">
           <Flex
diff --git a/workspaces/website/src/pages/posts/PostsPage.tsx b/workspaces/website/src/pages/posts/PostsPage.tsx
index 035c10ded7..38bd716999 100644
--- a/workspaces/website/src/pages/posts/PostsPage.tsx
+++ b/workspaces/website/src/pages/posts/PostsPage.tsx
@@ -447,6 +447,7 @@ function CustomHits({ categories, params }: Pick<Props, "categories" | "params">
             <ArticleCard.Root
               href={`/${hit.locale}/posts/${category?.slug}/${hit.slug}`}
               key={i}
+              sx={{maxW: {base: "none", lg: "440px", xl: "400px"}}}
             >
               <ArticleCard.Image url={hit.image} />