diff --git a/public/main.css b/public/main.css
index 6c8eac2..8fc84db 100644
--- a/public/main.css
+++ b/public/main.css
@@ -17,21 +17,6 @@ body {
   margin: 30px;
 }
 
-.moods {
-  grid-area: moods;
-  margin: 30px;
-}
-
-.legend {
-  grid-area: legend;
-  margin: 4px;
-  font-size: 0.8rem;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  justify-content: flex-end;
-  margin: 30px;
-}
 .info {
   grid-area: info;
 }
@@ -107,15 +92,9 @@ main {
     grid-area: tracker;
     display: grid;
     grid-template-columns: 1fr 1fr;
-    grid-template-rows: repeat(2, 1fr) repeat(7, 1fr);
+    grid-template-rows: 2fr 6fr 1fr;
     grid-template-areas:
       "title title"
-      "title title"
-      "moods moods"
-      "moods moods"
-      "moods moods"
-      "moods moods"
-      "moods moods"
       "moods moods"
       ". legend";
     background-color: lightgoldenrodyellow;
@@ -154,7 +133,14 @@ main {
 }
 
 .legend {
-  align-self: flex-end;
+  grid-area: legend;
+  margin: 4px;
+  font-size: 0.8rem;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  justify-content: flex-end;
+  margin: 30px;
 }
 .log {
   align-self: flex-end;
diff --git a/views/index.erb b/views/index.erb
index becf04b..2220953 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -37,7 +37,7 @@
           <div class="week">
             <% week.each do |d| %>
               <% if d[1] %>
-                <div data-mode="<%= d[1] %>" data-action="mouseover->mood#showMode mouseleave->mood#showCurrent" title="<%= d[0] %> : <%= d[1] %>" class="day <%= d[1] %>"></div>
+                <div data-mode="<%= d[1] %>" data-action="mouseover->mood#showMode mouseleave->mood#showMode" title="<%= d[0] %> : <%= d[1] %>" class="day <%= d[1] %>"></div>
               <% else %>
                 <div class="day"></div>
               <% end %>