diff --git a/mpicms/static/css/custom.css b/mpicms/static/css/custom.css
index 103aa03..c48a1b4 100644
--- a/mpicms/static/css/custom.css
+++ b/mpicms/static/css/custom.css
@@ -527,6 +527,18 @@ body {
   padding: 1rem;
 }
 
+.cal-button {
+  color: #fff !important;
+  background-color: #2c3e50;
+  border-color: #2c3e50;
+
+}
+
+.cal-button:hover {
+  background-color: #1a252f;
+  border-color: #151e27;
+}
+
 /* Pagination */
 .is-current {
   background-color: transparent !important;
diff --git a/mpicms/templates/events/event_index.html b/mpicms/templates/events/event_index.html
index 255a703..fbd54c0 100644
--- a/mpicms/templates/events/event_index.html
+++ b/mpicms/templates/events/event_index.html
@@ -1,5 +1,5 @@
 {% extends 'base/page.html' %}
-{% load event_tags %}
+{% load event_tags i18n %}
 
 {% block content %}
     <div class="section">
@@ -7,6 +7,9 @@
         <h2 class="title is-2">{{ page.title }}</h2>
 
         <div id="calendar"></div>
+        <br>
+        <a href="{% url 'ics' %}" class="button cal-button">{% trans 'Download ICS' %}</a>
+
 
     </div>