diff --git a/calendar/css/custom.css b/calendar/css/custom.css
index e751600..3fe9ed4 100644
--- a/calendar/css/custom.css
+++ b/calendar/css/custom.css
@@ -57,3 +57,6 @@ input:invalid, textarea:invalid, select:invalid {
 .hl {
 	color:#bce8f1;
 }
+.nobold {
+	font-weight:normal !important;
+}
diff --git a/calendar/index.html b/calendar/index.html
index cf73da0..f265fbb 100644
--- a/calendar/index.html
+++ b/calendar/index.html
@@ -49,10 +49,14 @@
 							<img src="images/appointment-new.png" alt=""> Create appointment
 						</a>
 					</div>
-					<label for="showPastAppointments">
-						<input type="checkbox" id="showPastAppointments" onclick="getListItems()">
-						Show appointments from the past
-					</label>
+					<div class="input-group">
+						<span class="input-group-addon">
+							<input type="checkbox" id="showPastAppointments" onclick="getListItems()">
+						</span>
+						<label for="showPastAppointments" class="form-control nobold">
+							Show past
+						</label>
+					</div>
 					<h4>Categories:</h4>
 					<div class="list-group" id="categoryList"></div>
 					<form method="get" action="javascript:createNewCategory()" id="createCategory">