From 07089f6c0cdfebdc65d2fe49260dadc75ad52057 Mon Sep 17 00:00:00 2001
From: Rajdeep Singh <32416397+officialrajdeepsingh@users.noreply.github.com>
Date: Wed, 22 May 2024 16:23:17 +0530
Subject: [PATCH] Fix the installation command in docs (#1138)

---
 website/docs/src/pages/getting-started/index.mdx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/website/docs/src/pages/getting-started/index.mdx b/website/docs/src/pages/getting-started/index.mdx
index 710441630..27dc891e6 100644
--- a/website/docs/src/pages/getting-started/index.mdx
+++ b/website/docs/src/pages/getting-started/index.mdx
@@ -7,21 +7,25 @@ import { CodeBlock } from "../../components/CodeBlock";
 Install the Sandpack dependency on your project.
 
 <Tabs items={["npm", "yarn", "pnpm"]}>
+
   <Tab>  
-```shell
+```bash
 npm i @codesandbox/sandpack-react
 ```
   </Tab>
 
-{" "}
-
-<Tab>```bash yarn add @codesandbox/sandpack-react ```</Tab>
+  <Tab>
+```bash
+yarn add @codesandbox/sandpack-react 
+```
+  </Tab>
 
   <Tab>
 ```bash
-pnpm i @codesandbox/sandpack-react 
+pnpm add @codesandbox/sandpack-react 
 ```
   </Tab>
+  
 </Tabs>
 
 All the components and the bundler are packed inside the `Sandpack` component, which is a named export of the package. Besides that, the package contains multiple **components**, **utilities** and **typings**.