From 17ad2cbc71f4c1fcc3f3f9ae528bfd292a9fced7 Mon Sep 17 00:00:00 2001
From: Strek <harish.sethuraman@freshworks.com>
Date: Fri, 19 Nov 2021 02:47:15 +0530
Subject: [PATCH] Fixes unwanted scrolls in mobile (#4114)

* added word break

* Update PageHeading.tsx
---
 beta/src/components/PageHeading.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/beta/src/components/PageHeading.tsx b/beta/src/components/PageHeading.tsx
index d5cbd913..d2ff2b09 100644
--- a/beta/src/components/PageHeading.tsx
+++ b/beta/src/components/PageHeading.tsx
@@ -25,7 +25,7 @@ function PageHeading({
     <div className="px-5 sm:px-12 pt-5">
       <div className="max-w-4xl ml-0 2xl:mx-auto">
         {tags ? <Breadcrumbs /> : null}
-        <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5">
+        <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5 break-words">
           {title}
           {status ? <em>—{status}</em> : ''}
         </H1>