diff --git a/app/assets/stylesheets/habits.css.scss b/app/assets/stylesheets/habits.css.scss
index b0dd433595..7649cee88b 100644
--- a/app/assets/stylesheets/habits.css.scss
+++ b/app/assets/stylesheets/habits.css.scss
@@ -8,6 +8,11 @@
 .good { background-color:rgb(147, 196, 125); }
 .done { background-color:rgb(201, 218, 248); }
 
+.panel {
+  vertical-align:top;
+  min-width: 240px;
+}
+
 .habit {
   list-style:none;
   border: 1px solid black;
diff --git a/app/views/habits/index.html.erb b/app/views/habits/index.html.erb
index 03b603041d..4124d800d1 100644
--- a/app/views/habits/index.html.erb
+++ b/app/views/habits/index.html.erb
@@ -1,23 +1,24 @@
 <h1>Score: <span id="score"><%= @score %></span></h1>
 <%= link_to 'New Habit', new_habit_path %>
 
-<table>
-  <tr><td>
-    <h2>Habits</h2>
-    <ul id="habits">
-    <% @habits.each do |habit| %>
-      <%= render :partial => "habit", :locals => { :habit => habit } %>
-    <% end %>
-    </ul>
-  </td>
-  
-  <td>
-    <h2>Daily</h2>
-    <ul id="daily">
-    <% @daily.each do |habit| %>
-      <%= render :partial => "habit", :locals => { :habit => habit } %>
-    <% end %>
-    </ul>
-  </div>
-  
+<table id="layout">
+  <tr>
+    <td class="panel">
+      <h2>Habits</h2>
+      <ul id="habits">
+      <% @habits.each do |habit| %>
+        <%= render :partial => "habit", :locals => { :habit => habit } %>
+      <% end %>
+      </ul>
+    </td>
+    
+    <td class="panel">
+      <h2>Daily</h2>
+      <ul id="daily">
+      <% @daily.each do |habit| %>
+        <%= render :partial => "habit", :locals => { :habit => habit } %>
+      <% end %>
+      </ul>
+    </td>
+  </tr>
 </table>