diff --git a/css/styles.css b/css/styles.css
index 475f4a90..b9ef6c7a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -175,7 +175,11 @@
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 
-#semesters {}
+#semesters {
+    padding: 5px;
+    margin-right: 10px;
+    margin-top: 10px;
+}
 
 @-webkit-keyframes fadein {
     from {
diff --git a/js/content.js b/js/content.js
index 550e045e..f37fcd3a 100644
--- a/js/content.js
+++ b/js/content.js
@@ -56,8 +56,8 @@ $(function () {
 										<ul class=description id="description" style="list-style-type:disc"></ul>
 									</div>
 								</div>
-								<div class=card >
-									<select id="semesters">
+								<div class=card style='text-align:center'>
+									<select id="semesters" style='text-align-last:center;'>
 									</select>
 									<div id="chartcontainer" class=cardcontainer>
 										<div id=chart></div>