diff --git a/core/themes/seven/images/arrow-asc-active.png b/core/themes/seven/images/arrow-asc-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..7536eee068e1b5a92118f00bfeecfabd040eaa5d
--- /dev/null
+++ b/core/themes/seven/images/arrow-asc-active.png
@@ -0,0 +1,3 @@
+‰PNG
+
+   IHDR   	       6Y   tEXtSoftware Adobe ImageReadyqÉe<   PLTE Žæ   X¥©Ø   tRNSÿ å·0J   IDATxÚb`€F8Ía2‚XŒ`˜!  ^ Cbl!    IEND®B`‚
\ No newline at end of file
diff --git a/core/themes/seven/images/arrow-asc.png b/core/themes/seven/images/arrow-asc.png
index d25b8dd75bef33da3b0a997f42e31f1f46b457fc..56d272806cdb77c8954525e2f59b8fe57381e3bb 100644
--- a/core/themes/seven/images/arrow-asc.png
+++ b/core/themes/seven/images/arrow-asc.png
@@ -1,3 +1,3 @@
 ‰PNG
 
-   IHDR         rëä|   IDAT(Ïc`(à?	˜d$ÛH²SIö#É3À  %ø#Ýb8ê    IEND®B`‚
\ No newline at end of file
+   IHDR   	       6Y   tEXtSoftware Adobe ImageReadyqÉe<   PLTE Hu   ‘úé   tRNSÿ å·0J   IDATxÚb`€F8Ía2‚XŒ`˜!  ^ Cbl!    IEND®B`‚
\ No newline at end of file
diff --git a/core/themes/seven/images/arrow-desc-active.png b/core/themes/seven/images/arrow-desc-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1bf9103587e40c66d770ad173319535f49f0243
--- /dev/null
+++ b/core/themes/seven/images/arrow-desc-active.png
@@ -0,0 +1,3 @@
+‰PNG
+
+   IHDR   	       6Y   tEXtSoftware Adobe ImageReadyqÉe<   PLTE Žæ   X¥©Ø   tRNSÿ å·0J    IDATxÚb`ÁÀÀ a10€™œ€  î öBŸµ    IEND®B`‚
\ No newline at end of file
diff --git a/core/themes/seven/images/arrow-desc.png b/core/themes/seven/images/arrow-desc.png
index 2feade962ad44e142dffb90ded61511d8ee970d3..eaf80c5789335b8f8230b3b2a2c9dca79f82e1db 100644
--- a/core/themes/seven/images/arrow-desc.png
+++ b/core/themes/seven/images/arrow-desc.png
@@ -1,3 +1,3 @@
 ‰PNG
 
-   IHDR         rëä|   &IDAT(Ïc`Ár4ü'Eã,˜dx5þ'“¬$?R  µ•#Ý¤Ò    IEND®B`‚
\ No newline at end of file
+   IHDR   	       6Y   tEXtSoftware Adobe ImageReadyqÉe<   PLTE Hu   ‘úé   tRNSÿ å·0J    IDATxÚb`ÁÀÀ a10€™œ€  î öBŸµ    IEND®B`‚
\ No newline at end of file
diff --git a/core/themes/seven/seven.theme b/core/themes/seven/seven.theme
index f77eb6901f4a5995d067f1fafeb9d46681aa6df9..3dc83acabf3b8dac2a92dc97337d2246a12e454f 100644
--- a/core/themes/seven/seven.theme
+++ b/core/themes/seven/seven.theme
@@ -133,8 +133,8 @@ function seven_tablesort_indicator($variables) {
     '#theme' => 'image',
     '#uri' => $image_uri,
     '#alt' => $text,
-    '#width' => 13,
-    '#height' => 13,
+    '#width' => 9,
+    '#height' => 5,
     '#title' => $text,
   );
   return drupal_render($image);
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 3e66ac78daedcb0e4b77e231d3fe3522fca4b589..f8a1b4573047b8fc20d5c6c283abb038b91aa296 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -487,83 +487,100 @@ div.submitted {
  */
 table {
   width: 100%;
-  font-size: 0.923em;
   margin: 0 0 10px;
-  border-right: 1px solid #bebfb9;
-  border-bottom: 1px solid #bebfb9;
+  font-size: 0.923em;
 }
-table td,
-table th {
-  vertical-align: middle;
-  padding: 8px 10px;
-  border: 0;
-  color: #000;
+th {
+  padding: 10px 12px;
+  background: #f5f5f2;
+  border: solid #bfbfba;
+  border-width: 1px 0;
+  color: #333;
+  text-align: left; /* LTR */
+  text-transform: uppercase;
 }
-tr.even,
-tr.odd {
-  border-width: 0 1px 0 1px;
-  border-style: solid;
-  border-color: #bebfb9;
-  background: #f3f4ee;
+[dir="rtl"] th {
+  text-align: right;
 }
-tr.odd {
-  background: #fff;
+tbody tr {
+  border-bottom: 1px solid #e6e4df;
 }
-tr.drag {
-  background: #fe7;
+tbody tr:hover {
+  background: #f7fcff;
 }
-tr.drag-previous {
-  background: #ffb;
+td,
+th {
+  vertical-align: middle;
 }
-table th {
-  text-transform: uppercase;
-  background: #e1e2dc;
-  font-weight: normal;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #bebfb9;
-  padding: 3px 10px;
+td {
+  padding: 10px 12px;
+  text-align: left; /* LTR */
 }
-table th.active {
-  background: #bdbeb9;
+[dir="rtl"] td {
+  text-align: right;
 }
-table th a {
-  display: block;
+th > a {
   position: relative;
+  display: block;
+  color: #0074bd;
+  text-decoration: none;
 }
-table th.active a {
-  padding: 0 25px 0 0; /* LTR */
+
+/* 1. Must match negative bottom padding of the parent <th> */
+th > a:after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: -10px; /* 1. */
+  left: 0;
+  right: 0;
+  border-bottom: 2px solid transparent;
+  transition: all 0.1s;
 }
-[dir="rtl"] table th.active a {
-  padding: 0 0 0 25px;
+th.active > a {
+  color: #004875;
 }
-table th.active img {
+th.active img {
   position: absolute;
-  top: 3px;
-  right: 3px; /* LTR */
+  right: 0; /* LTR */
+  top: 50%;
 }
-[dir="rtl"] table th.active img {
-  left: 3px;
+[dir="rtl"] th.active img {
   right: auto;
+  left: 0;
 }
-/**
- * Force browsers to calculate the width of a 'select all' TH element.
- */
-table th.select-all {
-  width: 1px;
+th.active > a:after {
+  border-bottom-color: #004875;
+}
+th > a:focus,
+th > a:hover,
+th.active > a:focus,
+th.active > a:hover {
+  color: #008ee6;
+  text-decoration: none;
 }
-table td.active {
-  background: #e9e9dd;
+th > a:focus:after,
+th > a:hover:after,
+th.active > a:focus:after,
+th.active > a:hover:after {
+  border-bottom-color: #008ee6;
 }
-table tr.odd td.active {
-  background: #f3f4ee;
+td .item-list ul {
+  margin: 0;
 }
-table tr.selected td.active,
-table tr.selected td {
-  background: #ffc;
-  border-color: #eeb;
+td.active {
+  background: none;
 }
 
+/* Force browsers to calculate the width of a 'select all' TH element. */
+th.select-all {
+  width: 1px;
+}
+
+/**
+ * Status report table.
+ */
 table.system-status-report tr {
   border-top: 1px solid #ccc;
   border-left: 1px solid #bebfb9;