diff --git a/web/src/components/ui/card.tsx b/web/src/components/ui/card.tsx
index 3f8f18d..88d52b7 100644
--- a/web/src/components/ui/card.tsx
+++ b/web/src/components/ui/card.tsx
@@ -7,7 +7,7 @@ interface ComponentProps {
 
 export const Card: FC<ComponentProps> = ({ children, className }) => {
   return (
-    <div className={`bg-white rounded-lg shadow-md ${className || ""}`}>
+    <div className={`bg-white sm:rounded-lg shadow-md ${className || ""}`}>
       {children}
     </div>
   );