diff --git a/apps/website/src/components/ArticleCard.tsx b/apps/website/src/components/ArticleCard.tsx
index fdee76fd1..789e5ad3a 100644
--- a/apps/website/src/components/ArticleCard.tsx
+++ b/apps/website/src/components/ArticleCard.tsx
@@ -15,9 +15,11 @@ export default function ArticleCard({ title, minRead, url }: ArticleCardProps) {
                 color="white"
                 padding="24px 20px"
                 width={{ base: "full", sm: "297.5px" }}
-                _hover={{ bgColor: "darkBlueBg" }}
                 h="full"
                 variant="unstyled"
+                borderWidth="1px"
+                borderColor="text.900"
+                _hover={{ bgColor: "darkBlueBg", borderColor: "transparent" }}
             >
                 <CardBody padding="0">
                     <Heading fontSize="20px" lineHeight="28px">
diff --git a/apps/website/src/components/VideoCard.tsx b/apps/website/src/components/VideoCard.tsx
index df0bb300b..d3d302a35 100644
--- a/apps/website/src/components/VideoCard.tsx
+++ b/apps/website/src/components/VideoCard.tsx
@@ -14,8 +14,10 @@ export default function VideoCard({ thumbnail, url, title }: VideoCardProps) {
                 borderRadius="10px"
                 color="white"
                 h="full"
-                _hover={{ bgColor: "darkBlueBg" }}
                 variant="unstyled"
+                borderWidth="1px"
+                borderColor="text.900"
+                _hover={{ bgColor: "darkBlueBg", borderColor: "transparent" }}
             >
                 <HStack>
                     <AspectRatio borderRadius="10px 10px 0px 0px" width="297px" height="215px" overflow="hidden">