From d50410ab93c2832667c0e02d71bbf04255718ca4 Mon Sep 17 00:00:00 2001
From: "Jandir A. Cutabiala" <jandir.cutadiala@genial.com.vc>
Date: Mon, 14 Oct 2024 15:00:30 -0300
Subject: [PATCH] fix: change swiper css load

---
 src/components/LatestPosts/index.tsx | 8 ++++++--
 src/pages/index.tsx                  | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/LatestPosts/index.tsx b/src/components/LatestPosts/index.tsx
index 033daf4..d15aa22 100644
--- a/src/components/LatestPosts/index.tsx
+++ b/src/components/LatestPosts/index.tsx
@@ -9,7 +9,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import "swiper/css";
+// import "swiper/css";
 
 import ArticleCard from "../ArticleCard";
 
@@ -48,7 +48,11 @@ export default function LatestPosts() {
         </h3>
         <div className="flex gap-4 justify-start items-start">
           <button type="button" className="post-highlight-prev cursor-pointer">
-            <FontAwesomeIcon icon={faArrowLeftLong} size="xl" />
+            <FontAwesomeIcon
+              icon={faArrowLeftLong}
+              size="xl"
+              className="font-extralight"
+            />
           </button>
           <button type="button" className="post-highlight-next cursor-pointer">
             <FontAwesomeIcon icon={faArrowRightLong} size="xl" />
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a45b4f9..da2108b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,6 +6,8 @@ import SiteDescription from "../components/SiteDescription";
 import LatestPosts from "../components/LatestPosts";
 import Subscribe from "../components/Subscribe";
 
+import "swiper/css";
+
 interface IHomeMetadata extends ISiteMetadata {
   readonly file: {
     publicURL: string;