One more code snippet fix

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index 73ffe2f8efad1adad49a2ed0808ede0e11d8233a..75d4e96cd8d81452886843e29702ab011b7f451c 100644 (file)
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -94,13 +94,25 @@
 .bd-example {
   position: relative;
   padding: 1rem;
+  margin: 0 ($bd-gutter-x * -.5);
+  border: solid $border-color;
+  border-width: 1px 0 0;
   @include clearfix();
 
   @include media-breakpoint-up(md) {
     padding: 1.5rem;
+    margin-right: 0;
+    margin-left: 0;
+    border-width: 1px;
     @include border-top-radius(var(--bs-border-radius));
   }
 
+  + .bd-code-snippet {
+    @include border-top-radius(0);
+    border: solid $border-color;
+    border-width: 0 1px 1px;
+  }
+
   + p {
     margin-top: 2rem;
   }
@@ -379,12 +391,16 @@
 }
 
 .bd-code-snippet {
-  margin: $spacer ($bd-gutter-x * -.5);
+  margin: 0 ($bd-gutter-x * -.5) $spacer;
 
   .highlight {
     margin-bottom: 0;
   }
 
+  .bd-example {
+    border: 0;
+  }
+
   @include media-breakpoint-up(md) {
     margin-right: 0;
     margin-left: 0;