From b0ac0b28ff7ff9f0977e38caa28fe889be3ffbd3 Mon Sep 17 00:00:00 2001
From: Akshat Jain <32021987+iamakshatjain@users.noreply.github.com>
Date: Tue, 21 Nov 2023 11:18:25 +0530
Subject: [PATCH] chore(installation): add note for styled-components supported
 version (#1819)

---
 packages/blade/docs/guides/Installation.stories.mdx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/blade/docs/guides/Installation.stories.mdx b/packages/blade/docs/guides/Installation.stories.mdx
index 7b8fd205fe9..5cdee64c430 100644
--- a/packages/blade/docs/guides/Installation.stories.mdx
+++ b/packages/blade/docs/guides/Installation.stories.mdx
@@ -44,10 +44,13 @@ Before you install the package, make sure that you have performed the following
 Blade has a peer dependency on a few libraries, you can skip adding it if you already have it installed in your project.
 
   - `styled-components`
+  > **Note**
+  >
+  > Currently, blade only supports styled-components v5 only
   - `@floating-ui/react`
 
    ```shell
-   yarn add @razorpay/blade styled-components @floating-ui/react
+   yarn add @razorpay/blade styled-components@5.3.11 @floating-ui/react
    ```
 
 2. Follow [this guide](#-install-fonts) to install the fonts.