ads + blog + ...

src/components/BlogItem.tsx

@@ -26,7 +26,7 @@ const BlogItem: FC<Props> = ({ item }) => {
                     {item.title}
                 </h6>
 
-                <p id='blog-preview-content' className='mt-4 text-sm text-white' dangerouslySetInnerHTML={{ __html: item.previewContent }}>
+                <p id='blog-preview-content' className='mt-4 text-sm text-white line-clamp-3 leading-6' dangerouslySetInnerHTML={{ __html: item.previewContent }}>
                 </p>
             </div>
         </Link>

src/components/Button.tsx

@@ -14,7 +14,7 @@ const Button: FC<Props> = memo((props) => {
     const { isLoading, percentage, label, children, className, ...rest } = props;
 
     const buttonClass = clx(
-        'flex rounded-xl items-center justify-center text-center h-10 text-sm bg-primary text-white w-full',
+        'flex rounded-xl items-center justify-center text-center h-10 text-sm bg-primary text-white w-full cursor-pointer',
         rest.disabled && 'cursor-not-allowed opacity-60',
         className
     );