diff --git a/app/assets/stylesheets/new_design/table.scss b/app/assets/stylesheets/new_design/table.scss
index 9ba645254..43b37eb77 100644
--- a/app/assets/stylesheets/new_design/table.scss
+++ b/app/assets/stylesheets/new_design/table.scss
@@ -20,6 +20,12 @@
     padding: (3 * $default-spacer) 2px;
   }
 
+  &.hoverable {
+    tbody tr:hover {
+      background: $light-grey;
+    }
+  }
+
   &.vertical {
     font-size: 14px;
     line-height: 22px;
diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml
index 3841acddc..91a8bb3d0 100644
--- a/app/views/root/patron.html.haml
+++ b/app/views/root/patron.html.haml
@@ -87,6 +87,21 @@
           %td Table Data 3
           %td Table Data 4
 
+    %h2 Hoverable (.table.hoverable)
+
+    %table.table.hoverable
+      %thead
+        %tr
+          %th Header 1
+          %th Header 2
+      %tbody
+        %tr
+          %td Table Data 1
+          %td Table Data 2
+        %tr
+          %td Table Data 3
+          %td Table Data 4
+
     %h2 Vertical layout (.table.vertical)
 
     %table.table.vertical