From a223de12511fea5b9e7abce40af492eff6da3c09 Mon Sep 17 00:00:00 2001
From: iamdebobrota <iamdebobrota@gmail.com>
Date: Fri, 15 Dec 2023 22:37:36 +0530
Subject: [PATCH 1/2] fixed: UI BUG : Navigation button text overflows from
 parant span box, issues - #6460

---
 src/components/DocsFooter.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/DocsFooter.tsx b/src/components/DocsFooter.tsx
index 2fdbb0460c1..efdc3780433 100644
--- a/src/components/DocsFooter.tsx
+++ b/src/components/DocsFooter.tsx
@@ -82,7 +82,9 @@ function FooterLink({
         <span className="block no-underline text-sm tracking-wide text-secondary dark:text-secondary-dark uppercase font-bold group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100">
           {type}
         </span>
-        <span className="block text-lg group-hover:underline">{title}</span>
+        <span className="block text-lg group-hover:underline break-all">
+          {title}
+        </span>
       </span>
     </NextLink>
   );

From ab69f44dbaec0d60d20655a6ceed73fc635f9ef5 Mon Sep 17 00:00:00 2001
From: iamdebobrota <iamdebobrota@gmail.com>
Date: Sat, 16 Dec 2023 14:45:11 +0530
Subject: [PATCH 2/2] updated: line should not break

---
 src/components/DocsFooter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/DocsFooter.tsx b/src/components/DocsFooter.tsx
index efdc3780433..53884a2ce79 100644
--- a/src/components/DocsFooter.tsx
+++ b/src/components/DocsFooter.tsx
@@ -69,7 +69,7 @@ function FooterLink({
     <NextLink
       href={href}
       className={cn(
-        'flex gap-x-4 md:gap-x-6 items-center w-full md:w-80 px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80',
+        'flex gap-x-4 md:gap-x-6 items-center w-full md:w-auto px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80',
         {
           'flex-row-reverse justify-self-end text-end': type === 'Next',
         }