From f7eb3c98b261930270c2f65c0e565c454d6cb647 Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Sat, 19 Aug 2017 00:10:07 -0700
Subject: [PATCH] `.thead-dark` and `.thead-light` border color should display
 the right border color

---
 scss/_tables.scss | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/scss/_tables.scss b/scss/_tables.scss
index df097579c1..0ef107a7b7 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -103,17 +103,21 @@
 //
 // Same table markup, but inverted color scheme: dark background and light text.
 
-.thead-dark {
-  th {
-    color: $table-dark-color;
-    background-color: $table-dark-bg;
+.table {
+  .thead-dark {
+    th {
+      color: $table-dark-color;
+      background-color: $table-dark-bg;
+      border-color: $table-dark-border-color;
+    }
   }
-}
 
-.thead-light {
-  th {
-    color: $table-head-color;
-    background-color: $table-head-bg;
+  .thead-light {
+    th {
+      color: $table-head-color;
+      background-color: $table-head-bg;
+      border-color: $table-border-color;
+    }
   }
 }