diff --git a/frontend/src/components/Card.tsx b/frontend/src/components/Card.tsx
index 7dbb47a3c2..35594cc56e 100644
--- a/frontend/src/components/Card.tsx
+++ b/frontend/src/components/Card.tsx
@@ -97,8 +97,10 @@ const Card = ({
         </Link>
       )}
 
-      {/* Project summary */}
-      <Markdown content={summary} className="mt-2 w-full text-gray-600 dark:text-gray-300" />
+      <Markdown
+        content={summary}
+        className="mt-2 w-full [overflow-wrap:anywhere] break-words text-gray-600 dark:text-gray-300 [&_a]:break-all [&_code]:break-all"
+      />
 
       <div className="mt-4 w-full">
         {/* Social icons section */}