diff --git a/sites/dev/components/layouts/docs.js b/sites/dev/components/layouts/docs.js
index fdbdca95b34..98c72536859 100644
--- a/sites/dev/components/layouts/docs.js
+++ b/sites/dev/components/layouts/docs.js
@@ -16,7 +16,7 @@ const DefaultLayout = ({ app, title = false, crumbs = false, children = [] }) =>
         {title && (
           <div className="xl:pl-4">
             <Breadcrumbs title={title} crumbs={breadcrumbs} />
-            <h1>{title}</h1>
+            <h1 className="break-words">{title}</h1>
           </div>
         )}
         {children}