diff --git a/css/overrides.css b/css/overrides.css
index 68a8fa876eeab29668d110bb40d4a803722e1cc0..910a97b99dd58d560eca484a86f0f1d0186991a8 100644
--- a/css/overrides.css
+++ b/css/overrides.css
@@ -29,6 +29,7 @@ body::before {
 .dayEvents {
 	max-width: 95%;
 	grid-template-rows: repeat(24, 60px);
+	position: relative;
 }
 
 .dayName {
@@ -42,6 +43,8 @@ body::before {
 
 .event {
 	cursor: pointer;
+	padding: 0.25rem 0.35rem;
+	margin-bottom: 6px;
 }
 
 .eventTitle {
@@ -49,4 +52,12 @@ body::before {
 	-webkit-box-orient: vertical;
 	display: -webkit-box;
 	overflow: hidden;
+	font-size: small;
+	font-weight: 500;
+	margin-bottom: 0.15rem;
+}
+
+.eventTime {
+	font-size: x-small;
+	font-weight: 200;
 }
diff --git a/js/index.js b/js/index.js
index 6965dd5e0b3c874de2c53ecf9b713dc393e503eb..2d6dd806867d7554c80d86d184072445a1985bdb 100644
--- a/js/index.js
+++ b/js/index.js
@@ -39,7 +39,7 @@ function addEventToDom(event) {
 	const title = document.createElement("h4");
 	title.innerHTML = event.name;
 	title.classList.add("eventTitle");
-	title.style.webkitLineClamp = `${event.length == 1 ? 1 : 4}`;
+	title.style.webkitLineClamp = `${event.length == 1 ? 2 : 8}`;
 	container.appendChild(title);
 
 	const time = document.createElement("p");