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>