fix: responsive rendering

deriv-com · Dec 5, 2023 · b4f6a92 · b4f6a92
1 parent ea1e37e
commit b4f6a92
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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>