diff --git a/web/docs/guides/with-react.mdx b/web/docs/guides/with-react.mdx
index 560bc50d678..b46c3d96821 100644
--- a/web/docs/guides/with-react.mdx
+++ b/web/docs/guides/with-react.mdx
@@ -476,7 +476,29 @@ Every Supabase project is configured with [Storage](/docs/guides/storage) for ma
 
 ### Add @reach/visually-hidden
 
-The upload widget uses one additional npm library. You can install it like so: `npm install @reach/visually-hidden` or `yarn add @reach/visually-hidden`.
+The upload widget uses one additional npm library `@reach/visually-hidden`. You can install it like so:
+
+<Tabs
+defaultValue="NPM"
+values={[
+  {label: 'npm', value: 'NPM'},
+  {label: 'Yarn', value: 'YARN'},
+]}>
+<TabItem value="NPM">
+
+```bash
+npm install @reach/visually-hidden
+```
+
+</TabItem>
+<TabItem value="YARN">
+
+```bash
+yarn add @reach/visually-hidden
+```
+
+</TabItem>
+</Tabs>
 
 ### Create an upload widget