::ng-deep {
  .snippet-card {
    margin-bottom: 3rem;

    .snippet-content {
      margin-bottom: 1.25rem;
    }

    .snippet-code-tabset {
      // Indent the tabs slightly
      margin: 0;
      padding: .5rem 1.25rem 0;
      // Remove the border to blend in with the code area
      border-bottom: none;

      .nav-item {
        .nav-link {
          // Style all tabs with border and background color, even the inactive ones
          border: 1px solid #dee2e6;
          background-color: #fdfdfd;
          color: #3e5bc5;

          &.active {
            // Make the active tab blend in with the code area
            background-color: #f5f2f0;
            border-bottom: 1px solid #f5f2f0;
            color: inherit;
          }
        }
      }
    }

    .snippet-code-content {
      pre[class*=language-] {
        // Remove the gap between code area and the tab list
        margin-top: 0;
        // Surround with same border as the tab list
        border: 1px solid #dee2e6;
        border-radius: 4px;
      }
    }
  }
}
