From 2f4b24b685320a9b7a44fb8cd194c28de74e7723 Mon Sep 17 00:00:00 2001
From: Vipin Mishra <52159805+thevipinmishra@users.noreply.github.com>
Date: Thu, 17 Nov 2022 13:04:53 +0000
Subject: [PATCH 1/2] fix checkbox alignment in table cell

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

diff --git a/docs/src/components/PackagesInstallation/PackagesInstallation.tsx b/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
index 3355c083257..fd23846b01d 100644
--- a/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
+++ b/docs/src/components/PackagesInstallation/PackagesInstallation.tsx
@@ -44,7 +44,7 @@ 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>

From de3c8ed49d76782b9005dc16fd7db7a7bd46ffae Mon Sep 17 00:00:00 2001
From: Vipin Mishra <52159805+thevipinmishra@users.noreply.github.com>
Date: Fri, 18 Nov 2022 01:26:38 +0000
Subject: [PATCH 2/2] 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 fd23846b01d..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', display: 'flex' }} />
+        <Checkbox
+          checked={selection.includes(item.package)}
+          sx={{ pointerEvents: 'none', display: 'flex' }}
+        />
       </td>
       <td>
         <Code>{item.package}</Code>