diff --git a/core/misc/icons/018fe2/chevron-left.svg b/core/misc/icons/018fe2/chevron-left.svg
deleted file mode 100644
index c024e67..0000000
--- a/core/misc/icons/018fe2/chevron-left.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#018fe2" d="M7.951 7.645c-.193.196-.193.516 0 .71l3.258 3.29c.193.193.191.519-.002.709l-1.371 1.371c-.193.192-.512.191-.707 0l-5.335-5.371c-.194-.194-.194-.514 0-.708l5.335-5.369c.195-.195.514-.195.707-.001l1.371 1.371c.193.194.195.513.002.709l-3.258 3.289z"/></svg>
diff --git a/core/misc/icons/018fe2/chevron-right.svg b/core/misc/icons/018fe2/chevron-right.svg
deleted file mode 100644
index 6d28722..0000000
--- a/core/misc/icons/018fe2/chevron-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#018fe2" d="M8.053 8.355c.193-.195.193-.517 0-.711l-3.26-3.289c-.193-.195-.192-.514.002-.709l1.371-1.371c.194-.194.512-.193.706.001l5.335 5.369c.195.195.195.515 0 .708l-5.335 5.37c-.194.192-.512.193-.706.002l-1.371-1.371c-.194-.195-.195-.514-.002-.709l3.26-3.29z"/></svg>
diff --git a/core/themes/seven/css/components/node-preview.css b/core/themes/seven/css/components/node-preview.css
index 51d8bea..2cd90db 100644
--- a/core/themes/seven/css/components/node-preview.css
+++ b/core/themes/seven/css/components/node-preview.css
@@ -5,8 +5,10 @@
  */
 
 .node-preview-container {
-  background: #fffce5;
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
+  background: #d1e8f5;
+  background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
+  background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);
+  font-family: Arial, sans-serif;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
   position: fixed;
   z-index: 499;
@@ -14,26 +16,52 @@
   padding: 10px;
 }
 .node-preview-backlink {
-  background: url(../../../../misc/icons/0074bd/chevron-left.svg) left no-repeat; /* LTR */
-  padding-left: 1.2em; /* LTR */
-  border-bottom: 0 none;
-  font-weight: bold;
-  color: #0074bd;
-  text-decoration: none;
+  background-color: #419ff1;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
+  border: 1px solid #0048c8;
+  border-radius: .4em;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
+  color: #fff;
+  font-size: 0.9em;
+  line-height: normal;
+  margin: 0;
+  padding: 4px 1em 4px 0.6em; /* LTR */
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
 }
 [dir="rtl"] .node-preview-backlink {
-  background-image: url(../../../../misc/icons/0074bd/chevron-right.svg);
-  background-position: right;
-  padding-left: 0;
-  padding-right: 1.2em;
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+  padding: 4px 0.6em 4px 1em;
   float: right;
 }
-.node-preview-backlink:hover,
-.node-preview-backlink:focus {
-  background-image: url(../../../../misc/icons/018fe2/chevron-left.svg); /* LTR */
-  text-decoration: underline;
+.node-preview-backlink:focus,
+.node-preview-backlink:hover {
+  background-color: #419cf1;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
+  border: 1px solid #0048c8;
+  text-decoration: none;
+  color: #fff;
+}
+[dir="rtl"] .node-preview-backlink:focus,
+[dir="rtl"] .node-preview-backlink:hover {
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
+}
+.node-preview-backlink:active {
+  background-color: #0e69be;
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
+  border: 1px solid #0048c8;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
+}
+[dir="rtl"] .node-preview-backlink:active {
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
 }
-[dir="rtl"] .node-preview-backlink:hover,
-[dir="rtl"] .node-preview-backlink:focus {
-  background-image: url(../../../../misc/icons/018fe2/chevron-right.svg);
+.node-preview-backlink::before {
+  content: '';
+  width: 10px;
+  display: inline-block;
 }