diff --git a/src/app/components/card.tsx b/src/app/components/card.tsx
index b00e925..a33f845 100644
--- a/src/app/components/card.tsx
+++ b/src/app/components/card.tsx
@@ -3,5 +3,5 @@ export function Card({
 }: Readonly<{
   children: React.ReactNode;
 }>): JSX.Element {
-  return <div className="bg-secondary rounded-lg p-4">{children}</div>;
+  return <div className="bg-secondary rounded-lg p-3 w-max xs:w-fit">{children}</div>;
 }