Give home card title a max-width (#21498)

frontend/src/metabase/home/homepage/components/HomeCard/HomeCard.styled.tsx

 import styled from "@emotion/styled";
 import { alpha, color } from "metabase/lib/colors";
 import Link from "metabase/core/components/Link";
+import { breakpointMinSmall } from "metabase/styled-components/theme";
 
 export const CardRoot = styled(Link)`
   display: flex;
@@ -10,6 +11,11 @@ export const CardRoot = styled(Link)`
   border-radius: 0.5rem;
   background-color: ${color("white")};
   box-shadow: 0 7px 20px ${color("shadow")};
+  max-width: 100%;
+
+  ${breakpointMinSmall} {
+    max-width: 50%;
+  }
 
   &:hover {
     box-shadow: 0 10px 22px ${alpha("shadow", 0.09)};

frontend/src/metabase/home/homepage/components/HomeModelCard/HomeModelCard.styled.tsx

@@ -16,4 +16,5 @@ export const CardTitle = styled(Ellipsified)`
   font-size: 1rem;
   font-weight: bold;
   margin-left: 1rem;
+  max-width: 100%;
 `;