diff --git a/css/custom.css b/css/custom.css
index dea0646..fa113e0 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -311,6 +311,16 @@ h3 {
 	overflow: auto;
 }
 
+.monthly-calls 
+{
+	
+	margin-top: 10px;
+	padding: 10px;
+}
+.monthly-calls h3
+{
+	margin-bottom: 33px;
+}
 
 /* LOGO --------------------------------------------------------------------- */
 
diff --git a/index.html b/index.html
index c91b8e2..2b9bed9 100644
--- a/index.html
+++ b/index.html
@@ -364,7 +364,7 @@ <h2>Events</h2>
 					</a>
                 </div>
 
-                <div class=" col-sm-6 col-md-4 p-4" id="open-calls">
+                <div class=" col-sm-6 col-md-4 p-4 monthly-calls" id="open-calls">
 					<!-- <iframe src="https://wiki.mozilla.org/Diversity_and_Inclusion_for_Communities_and_Contributors#Future_Calls"></iframe> -->
 					<h3>Monthly calls</h3>
 					<ul>