diff --git a/src/pages/articles/[slug].tsx b/src/pages/articles/[slug].tsx
index 3fd24b83..e1b934ae 100644
--- a/src/pages/articles/[slug].tsx
+++ b/src/pages/articles/[slug].tsx
@@ -251,7 +251,7 @@ const BlogPostPage: NextPage<BlogPostPageProps> = ({
           <div className="block lg:flex w-full">
             <div className="max-w-full">
               <div className=" w-[40em] lg:w-[37rem] !max-w-full">
-                <section className="prose prose-sm sm:prose dark:prose-invert prose-img:rounded-xl !max-w-full mb-10 break-all">
+                <section className="prose prose-sm sm:prose dark:prose-invert prose-img:rounded-xl !max-w-full mb-10 break-words">
                   <MDXRemote {...source} components={MDXComponents} lazy />
 
                   {published?.url && (