From f3e5d0b6d53a9d8429f73caa606b9d31e7eba2c6 Mon Sep 17 00:00:00 2001
From: Diptesh Choudhuri <ignisda2002@gmail.com>
Date: Mon, 17 Oct 2022 22:40:58 +0530
Subject: [PATCH] docs: Reduce size of paginator nav links. (#373)

docs: fix size of paginator nav links

Fixes #372
---
 website/src/theme/PaginatorNavLink.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/website/src/theme/PaginatorNavLink.tsx b/website/src/theme/PaginatorNavLink.tsx
index 8964f504b4c..441a6fefcd4 100644
--- a/website/src/theme/PaginatorNavLink.tsx
+++ b/website/src/theme/PaginatorNavLink.tsx
@@ -7,10 +7,12 @@ import Link from '../ui/typography/Link';
 
 export default function PaginatorNavLink({ permalink, title, isNext }: Props) {
 	return (
-		<Link className={cx('grow', isNext && 'text-right')} weight="bold" to={permalink}>
-			{!isNext && <Icon className="mr-1 icon-previous" icon={faChevronLeft} />}
-			{title}
-			{isNext && <Icon className="ml-1 icon-next" icon={faChevronRight} />}
-		</Link>
+		<div className={cx('flex-1', isNext ? 'text-right' : 'text-left')}>
+			<Link weight="bold" to={permalink}>
+				{!isNext && <Icon className="mr-1 icon-previous" icon={faChevronLeft} />}
+				{title}
+				{isNext && <Icon className="ml-1 icon-next" icon={faChevronRight} />}
+			</Link>
+		</div>
 	);
 }