diff --git a/docs/dist/style.css b/docs/dist/style.css
index 6e159ae..54ed6da 100644
--- a/docs/dist/style.css
+++ b/docs/dist/style.css
@@ -5988,13 +5988,13 @@ hr {
 .panel {
   color: #4A4A4A;
   background: #fff;
-  border: 1px solid #C4C4C4;
+  border: 1px solid #F0F0F0;
   border-radius: 5px; }
   .panel > .heading {
     padding: 10px 15px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
-    border-bottom: 1px solid #C4C4C4; }
+    border-bottom: 1px solid #F0F0F0; }
   .panel > .heading > * {
     margin-bottom: 0; }
   .panel > .body {
diff --git a/styles/components/_panel.scss b/styles/components/_panel.scss
index 7878edc..8a64007 100644
--- a/styles/components/_panel.scss
+++ b/styles/components/_panel.scss
@@ -1,14 +1,14 @@
 .panel {
   color: $brand-black;
 	background: $brand-white;
-  border: 1px solid $brand-gray;
+  border: 1px solid $brand-gray-lt;
 	border-radius: 5px;
 
   > .heading {
     padding: 10px 15px;
     border-top-left-radius: $border-radius-base;
     border-top-right-radius: $border-radius-base;
-    border-bottom: 1px solid $brand-gray;
+    border-bottom: 1px solid $brand-gray-lt;
   }
 
   > .heading > * {