diff --git a/assets/css/planning_events.css b/assets/css/planning_events.css
index 44b6670..91d2790 100644
--- a/assets/css/planning_events.css
+++ b/assets/css/planning_events.css
@@ -11,9 +11,15 @@ General
 
 #table_planning th {
     border: none;
-    border-radius: 10px;
+    border-radius: 5px;
     background: #414141;
     font-weight: bold;
+    width: 12.5%;
+}
+
+#table_planning td {
+    padding: 0;
+    margin: 0 0 0 0;
 }
 
 .horaires {
@@ -25,7 +31,7 @@ General
 }
 
 .event {
-    border-radius: 20px;
+    border-radius: 10px;
     border: none;
     color: white;
     vertical-align: middle;
diff --git a/assets/scripts/planningScript.js b/assets/scripts/planningScript.js
index c49a98e..48276c1 100644
--- a/assets/scripts/planningScript.js
+++ b/assets/scripts/planningScript.js
@@ -12,7 +12,7 @@ $(document).ready(function () {
         }
         /* Set style for currently selected items */
         current = this.className.split(" ")[1];
-        setEventShadow(current, "0px 0px 10px #000");
+        setEventShadow(current, "0px 0px 10px #ee293d");
         /* Load info box text and smoothly scroll to it */
         $("#infoBox").load("includes/planning_events/" + current + ".html");
         $('html, body').animate({
@@ -26,7 +26,7 @@ $(document).ready(function () {
     $(".event").hover(function () {
         var element = this.className.split(" ")[1];
         if (element != current) {
-            setEventShadow(element, "0px 0px 5px #aaa");
+            setEventShadow(element, "0px 0px 10px #1a5dad");
         }
     }, function () {
         var element = this.className.split(" ")[1];
@@ -42,7 +42,7 @@ $(document).ready(function () {
         classes = document.getElementsByClassName(eventName);
         for (var i = 0; i < classes.length; i++) {
             classes[i].style.boxShadow = shadow;
-
+            classes[i].style.textShadow = shadow;
         }
     }