diff --git a/hourglass/client/main/main.css b/hourglass/client/main/main.css
index 8741dc4..4e8fd72 100644
--- a/hourglass/client/main/main.css
+++ b/hourglass/client/main/main.css
@@ -285,7 +285,7 @@ input, textarea {
 	transition: box-shadow 0.2s ease; 
 }
 
-.fa-university, .fa-calendar {
+.fa-university, .fa-calendar, .fa-download {
 	font-size: 175%;
 	width: 12%;
 	padding: 10%;
@@ -302,6 +302,14 @@ input, textarea {
 	filter: drop-shadow(2px 2px 5px #666);
 }
 
+#exportText {
+    display: inline;
+}
+
+#exportDiv {
+    
+}
+
 #functions {
 	width: 100%;
 	margin-top: 7%;
diff --git a/hourglass/client/main/main.html b/hourglass/client/main/main.html
index 7f36012..06874b2 100644
--- a/hourglass/client/main/main.html
+++ b/hourglass/client/main/main.html
@@ -57,6 +57,7 @@
         </div>
         <div id="optionsContainer" style="right:{{optionsStatus}};background-color:{{divColor 'sidebar'}}">
             <h3>Preferences</h3>
+
             <div id="prefCont">
                 <div>
                     <div class="inputRadioPref">
@@ -111,6 +112,10 @@
                         <p class="prefOptionText"  style="background-color:{{divColor 'header'}}">No</p>
                     </div>
                 </div>
+                <div id="exportDiv" class="sideFilter">
+                    <i id="export" class="fa fa-download" aria-hidden="true"></i>
+                    <h4 id="exportText" class="prefTitle">Export</h4>
+                </div>
             </div>
         </div>
         <img id="bg" src={{bgSrc}} style="min-width:{{screen}}">
diff --git a/hourglass/client/main/main.js b/hourglass/client/main/main.js
index 0099598..6e276b4 100644
--- a/hourglass/client/main/main.js
+++ b/hourglass/client/main/main.js
@@ -769,7 +769,7 @@ Template.main.events({
         text.style.display = "initial";
         text.style.color = "#7E7E7E";
     },
-    'click #export' (event) {
+    'click #exportDiv' (event) {
         var events = [];
         var userClasses = Session.get("calendarClasses");