From 6a90d63bdfd80a33938d71a5b8320778522a61a5 Mon Sep 17 00:00:00 2001
From: Bran18 <andreyfdez18@gmail.com>
Date: Thu, 25 Jul 2024 15:52:30 -0600
Subject: [PATCH] (webapp)fix:media-section purple link + space

---
 apps/webapp/components/shared/media-sections.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/webapp/components/shared/media-sections.tsx b/apps/webapp/components/shared/media-sections.tsx
index 530c3dd8..ee25b1c5 100644
--- a/apps/webapp/components/shared/media-sections.tsx
+++ b/apps/webapp/components/shared/media-sections.tsx
@@ -19,7 +19,7 @@ export function MediaSections({ sections, lang }: MediaSectionsProps) {
                 <Link
                   href={section.link.href}
                   className={cn(
-                    'flex items-center align-middle text-black focus-within:!text-primary-200 hover:!text-primary-200 dark:text-white'
+                    'flex items-center align-middle text-black focus-within:!text-accent hover:!text-accent dark:text-white'
                   )}
                 >
                   {section.link.label}
@@ -28,8 +28,8 @@ export function MediaSections({ sections, lang }: MediaSectionsProps) {
               </div>
 
               {/* <ul className="grid-cols-auto-dense grid w-full grid-cols-[repeat(auto-fill,minmax(250px,1fr))] flex-col gap-5 py-5 sm:flex-wrap"> */}
-              <ul className="grid w-full grid-cols-[repeat(auto-fill,minmax(250px,1fr))] flex-col gap-5 py-5 sm:flex-wrap">
-                {section?.videos?.map(video => (
+              <ul className="grid w-full grid-cols-[repeat(auto-fill,minmax(288px,1fr))] flex-col gap-8 py-5 sm:flex-wrap">
+                {section?.videos?.slice(0, 4)?.map(video => (
                   <MediaCard video={video} key={video.id} lang={lang} />
                 ))}
               </ul>