diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 45f2aa0..0b13969 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -16,7 +16,7 @@ interface CardComponentProps {
 export default function Card({ id, post }: CardComponentProps) {
   return (
     <Link href={`/posts/detail/${id + 1}`}>
-      <div className="flex-col border border-black bg-white shadow-lg ring-blue-950/60 transition-all hover:ring-2 dark:border-blue-50 dark:bg-background_component dark:ring-blue-100">
+      <div className="flex size-full flex-col border border-black bg-white shadow-lg ring-blue-950/60 transition-all hover:ring-2 dark:border-blue-50 dark:bg-background_component dark:ring-blue-100">
         <ImgWithPlaceholder
           src={post.thumbnail}
           tailwindClassNames="size-full max-h-[18rem] object-cover border-b border-black"