From 5e636bae9c818b520b7ad57577718d8d3b0797fb Mon Sep 17 00:00:00 2001
From: Serhii Pylypchuk <pylypchukserhii1991@gmail.com>
Date: Mon, 26 Aug 2024 14:21:48 +0400
Subject: [PATCH] [fix] styles

---
 src/EventCalendar.jsx | 2 +-
 src/index.css         | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/EventCalendar.jsx b/src/EventCalendar.jsx
index 742d397..ceff832 100644
--- a/src/EventCalendar.jsx
+++ b/src/EventCalendar.jsx
@@ -16,5 +16,5 @@ export default function EventCalendarComponent(props) {
 		}
 	});
 
-	return <div ref={container} style={{ width: "100%", height: "100%" }}></div>;
+	return <div ref={container} className="widget"></div>;
 }
diff --git a/src/index.css b/src/index.css
index 3df557f..ab5445f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,4 @@
+/* specify styles for initial page */
 html,
 body,
 #root {
@@ -5,3 +6,8 @@ body,
     padding: 0;
     margin: 0;
 }
+
+/* specify styles for the Event Calendar container */
+.widget {
+    height: 100%;
+}