.govuk-taxonomy-sidebar {
  border-top: 10px solid $mainstream-brand;
  @include core-16;

  .sidebar-taxon {
    padding-top: 1.25em;

    h2 {
      @include bold-24;
      margin: 0 0 5px;
    }

    .taxon-description {
      font-size: 16px;
      margin: 0;
    }

    .related-content {
      margin: 0 0 0 15px;
      padding: 0;
      list-style-type: none;
      line-height: 1.5;

      a:before {
        content: "•";
        display: inline-block;
        width: 15px;
        margin-left: -15px;
      }
    }
  }

}

.govuk-taxonomy-sidebar {
  border-top: 10px solid $mainstream-brand;
  padding-bottom: $gutter * 2;
  @include core-16;

  .sidebar-taxon {
    padding-top: 1.25em;

    h2 {
      @include bold-24;
      margin: 0 0 5px;
    }

    .taxon-description {
      font-size: 16px;
      margin: 0;
    }

    .related-content {
      margin: 0 0 0 15px;
      padding: 0;
      list-style-type: none;
      line-height: 1.5;

      a:before {
        content: "•";
        display: inline-block;
        width: 15px;
        margin-left: -15px;
      }
    }
  }

}

Add padding bottom to taxonomy sidebar
Add padding bottom to taxonomy sidebar

This makes sure we allow enough spacing in between the sidebar and the
content underneath it in mobile viewports.
