From fccdda544816202d1c02df673e528bb5a22f0484 Mon Sep 17 00:00:00 2001
From: Roy Klutman <royklutman@users.noreply.github.com>
Date: Sun, 21 Oct 2018 08:49:05 +0200
Subject: [PATCH] Fix for double border on cards in an accordion (#27133)

---
 scss/_card.scss | 44 ++++++++++++++++++++++++++------------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/scss/_card.scss b/scss/_card.scss
index 28d7e62447..fcae56d630 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -277,25 +277,33 @@
 //
 
 .accordion {
-  .card:not(:first-of-type):not(:last-of-type) {
-    border-bottom: 0;
-    border-radius: 0;
-  }
+  .card {
+    overflow: hidden;
 
-  .card:not(:first-of-type) {
-    .card-header:first-child {
-      border-radius: 0;
+    &:not(:first-of-type) {
+      .card-header:first-child {
+        border-radius: 0;
+      }
+
+      &:not(:last-of-type) {
+        border-bottom: 0;
+        border-radius: 0;
+      }
+    }
+
+    &:first-of-type {
+      border-bottom: 0;
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    &:last-of-type {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    .card-header {
+      margin-bottom: -$card-border-width;
     }
   }
-
-  .card:first-of-type {
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .card:last-of-type {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
 }