From d2ac8502cd0315d3a39caf7f686a35fb4ad4c2cb Mon Sep 17 00:00:00 2001
From: Vicente <pouyio@gmail.com>
Date: Wed, 6 Nov 2024 19:17:06 +0100
Subject: [PATCH] :bug: fixed calendar

---
 package.json                    | 4 ++--
 src/pages/calendar/Calendar.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1ce32aa6..f73084b7 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "query-string": "^6.13.1",
     "ramda": "^0.27.1",
     "react": "^18.0.0",
-    "react-big-calendar": "^0.40.1",
+    "react-big-calendar": "1.15.0",
     "react-dom": "^18.0.0",
     "react-fastclick": "^3.0.2",
     "react-helmet": "^6.1.0",
@@ -45,7 +45,7 @@
     "@types/node": "^12.7.4",
     "@types/ramda": "^0.27.20",
     "@types/react": "^18.0.0",
-    "@types/react-big-calendar": "^0.38.0",
+    "@types/react-big-calendar": "1.15.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-helmet": "^6.1.5",
     "@types/react-outside-click-handler": "^1.3.0",
diff --git a/src/pages/calendar/Calendar.tsx b/src/pages/calendar/Calendar.tsx
index 80581452..f0c9e796 100644
--- a/src/pages/calendar/Calendar.tsx
+++ b/src/pages/calendar/Calendar.tsx
@@ -119,10 +119,10 @@ export default function Calendar() {
         <title>Calendar</title>
       </Helmet>
       <div className="lg:max-w-6xl m-auto" style={{ height: '85vh' }}>
-        <div className="flex flex-wrap justify-evenly items-center flex-wrap pb-2">
+        <div className="flex justify-evenly items-center flex-wrap pb-2">
           <div className="flex justify-center text-2xl">
             <button className="mr-10" onClick={() => changeMonth(-1)}>
-              <Icon name="arrow-left" />
+              <Icon name="arrow-left" className="h-8" />
             </button>
             <h1 className="font-light capitalize ">
               {selectedDate.toLocaleDateString(language, {
@@ -131,7 +131,7 @@ export default function Calendar() {
               {getYear(selectedDate)}
             </h1>
             <button className="ml-10" onClick={() => changeMonth(1)}>
-              <Icon name="arrow-right" />
+              <Icon name="arrow-right" className="h-8" />
             </button>
           </div>
           <div className="flex mt-2 lg:mt-0">