From d1c5476efba64a76e6b5988d70e4e1d7e60cadce Mon Sep 17 00:00:00 2001
From: Filip Niklas <awdeegrays@gmail.com>
Date: Wed, 25 Sep 2024 19:23:03 +0200
Subject: [PATCH] fix: paragraph text on smaller devices

---
 src/components/Paragraph.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Paragraph.tsx b/src/components/Paragraph.tsx
index 23a22f0f..95709bcc 100644
--- a/src/components/Paragraph.tsx
+++ b/src/components/Paragraph.tsx
@@ -10,7 +10,7 @@ const Paragraph = ({ children, style = "base" }: ParagraphProps) => {
         case "grotesk":
             return (
                 <p
-                    className={`${baseClasses} text-center text-xl md:text-2xl font-space-grotesk max-h-[112px] md:max-h-[96px] w-[315px] md:w-[600px]`}
+                    className={`${baseClasses} text-center text-lg sm:text-xl md:text-2xl font-space-grotesk max-h-[112px] md:max-h-[96px] w-[315px] md:w-[600px]`}
                 >
                     {children}
                 </p>