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%;
+}