diff --git a/static/styles/night_mode.scss b/static/styles/night_mode.scss
index 2316cc9662..41ae6922d3 100644
--- a/static/styles/night_mode.scss
+++ b/static/styles/night_mode.scss
@@ -407,13 +407,25 @@ on a dark background, and don't change the dark labels dark either. */
     }
 
     .btn-recent-filters {
-        background-color: hsl(0, 0%, 26%);
+        background-color: hsl(211, 29%, 14%);
         border-color: hsl(0, 0%, 0%);
         color: hsl(0, 0%, 100%);
     }
 
-    .btn-recent-selected {
+    .btn-recent-selected,
+    .recent_topics_table thead th {
         background-color: hsl(0, 0%, 0%) !important;
+        &:hover {
+            background-color: hsl(211, 29%, 14%) !important;
+        }
+    }
+
+    .recent_topics_table td a {
+        color: hsl(206, 89%, 74%);
+        text-decoration: none;
+        &:hover {
+            color: hsl(208, 64%, 52%);
+        }
     }
 
     thead,
diff --git a/static/styles/recent_topics.scss b/static/styles/recent_topics.scss
index 4878fb89e0..e9e0c71cc4 100644
--- a/static/styles/recent_topics.scss
+++ b/static/styles/recent_topics.scss
@@ -57,6 +57,14 @@
         padding: 15px;
         overflow: hidden !important;
 
+        a {
+            color: hsl(205, 47%, 42%);
+            text-decoration: none;
+            &:hover {
+                color: hsl(214, 40%, 58%);
+            }
+        }
+
         .required-text:empty::after {
             content: attr(data-empty);
             display: block;
@@ -79,10 +87,10 @@
             overflow-y: auto;
             max-height: 100%;
         }
-        .tableFixHead thead th {
-            position: sticky;
-            top: 0;
-            z-index: 1000;
+
+        .tableFixHead table {
+            // To keep border properties to the thead th.
+            border-collapse: separate;
         }
 
         #recent_topics_filter_buttons {
@@ -158,10 +166,13 @@
         }
 
         thead th {
-            background-color: inherit;
+            background-color: hsl(0, 0%, 100%);
             color: inherit;
             border-top: 1px solid hsla(0, 0%, 0%, 0.2) !important;
             border-bottom: 1px solid hsla(0, 0%, 0%, 0.2) !important;
+            position: sticky;
+            top: 0;
+            z-index: 1000;
 
             &.active::after,
             &[data-sort]:hover::after {
@@ -185,7 +196,7 @@
 
             &[data-sort]:hover {
                 cursor: pointer;
-                background-color: hsla(0, 0%, 0%, 0.05);
+                background-color: hsla(0, 0%, 95%);
                 transition: background-color 100ms ease-in-out;
 
                 &:not(.active)::after {