diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
index af7e2a8..27b2103 100644
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@@ -15,12 +15,12 @@ const { project } = Astro.props;
 >
     <div class="card-body">
         <h2
-            class="card-title text-xl md:text-2xl font-bold justify-center text-center break-words"
+            class="card-title text-xl md:text-2xl font-bold justify-center text-center wrap-break-word"
         >
             {project.name}
         </h2>
 
-        <p class="text-center break-words">
+        <p class="text-center wrap-break-word">
             {project.description}
         </p>