From b4f6a92582c2969e677b05ae5fee5a2012ca94b1 Mon Sep 17 00:00:00 2001
From: prince-deriv <prince@deriv.com>
Date: Tue, 5 Dec 2023 15:23:48 +0400
Subject: [PATCH] fix: responsive rendering

---
 libs/blocks/src/lib/social-proof/horizontal/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/libs/blocks/src/lib/social-proof/horizontal/index.tsx b/libs/blocks/src/lib/social-proof/horizontal/index.tsx
index 49f9d84b1..044780ccf 100644
--- a/libs/blocks/src/lib/social-proof/horizontal/index.tsx
+++ b/libs/blocks/src/lib/social-proof/horizontal/index.tsx
@@ -29,14 +29,17 @@ const SocialProofHorizontal = ({
             {content && (
               <>
                 <Text
-                  className={qtMerge(themeClassNames.color, 'max-md:hidden')}
+                  className={qtMerge(themeClassNames.color, 'max-lg:hidden')}
                 >
                   {content(data)[0]}
                 </Text>
                 <Text
                   size="md"
                   bold
-                  className={qtMerge(themeClassNames.color, 'max-sm:hidden')}
+                  className={qtMerge(
+                    themeClassNames.color,
+                    'max-md:hidden max-sm:hidden',
+                  )}
                 >
                   {content(data)[1]}
                 </Text>