diff --git a/_sass/_base.sass b/_sass/_base.sass
index 4b9e051af4..97aacc41be 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -1280,7 +1280,7 @@ $feature-box-div-margin-bottom: 40px
 				background-color: $white
 				box-shadow: 0 5px 5px rgba(0,0,0,.24),0 0 5px rgba(0,0,0,.12)
 
-		#calendarWrapper
+		#calendarMeetings
 			position: relative
 			width: 80vw
 			height: 60vw
@@ -1288,6 +1288,14 @@ $feature-box-div-margin-bottom: 40px
 			max-height: 900px
 			margin: 20px auto
 
+		#calendarEvents
+			position: relative
+			width: 80vw
+			height: 30vw
+			max-width: 1200px
+			max-height: 450px
+			margin: 20px auto			
+
 		iframe
 			position: absolute
 			border: 0
diff --git a/community/index.html b/community/index.html
index 5843b4829e..f967dc23cc 100644
--- a/community/index.html
+++ b/community/index.html
@@ -30,14 +30,14 @@ cid: community
 
 			<p>As a member of the Kubernetes community, you are welcome to join any of the SIG meetings
 				you are interested in. No registration required.</p>
-			<div id="calendarWrapper">
+			<div id="calendarMeetings">
 				<iframe src="https://calendar.google.com/calendar/embed?src=cgnt364vd8s86hr2phapfjc6uk%40group.calendar.google.com&ctz=America/Los_Angeles"
 				        frameborder="0" scrolling="no"></iframe>
 			</div>
 		</div>
 		<div class="content">
 			<h3>Events</h3>
-			<div id="calendarWrapper">
+			<div id="calendarEvents">
 				<iframe src="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com&ctz=America/Los_Angeles"
 				        frameborder="0" scrolling="no"></iframe>
 			</div>