From c0e5992588650fcce644346ff8e0c50960d92b04 Mon Sep 17 00:00:00 2001
From: Vipin Mishra <52159805+thevipinmishra@users.noreply.github.com>
Date: Sat, 19 Nov 2022 16:43:53 +0530
Subject: [PATCH] [docs] Fix incorrect checkbox alignment in getting started
 table (#2987)

* fix checkbox alignment in table cell

* Code style changes - run prettier
---
 .../components/PackagesInstallation/PackagesInstallation.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/src/components/PackagesInstallation/PackagesInstallation.tsx b/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
index 3355c083257..cb06307c2e2 100644
--- a/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
+++ b/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
@@ -44,7 +44,10 @@ export function PackagesInstallation({ extraPackages = [] }: PackagesInstallatio
       onClick={() => toggleSelection(item.package)}
     >
       <td>
-        <Checkbox checked={selection.includes(item.package)} sx={{ pointerEvents: 'none' }} />
+        <Checkbox
+          checked={selection.includes(item.package)}
+          sx={{ pointerEvents: 'none', display: 'flex' }}
+        />
       </td>
       <td>
         <Code>{item.package}</Code>