.hotkeys-modal {
  padding: 8px 0 0;
  overflow: hidden;
  background-color: $classic-base-color;
  border-radius: 6px;
  flex-direction: column;

  @media screen and (max-width: 960px) {
    height: 90vh;
  }

  .compose-modal__content {
    background-color: $gab-background-base-light;
    margin: 5px;

    @media screen and (max-width: 960px) {
      flex-direction: column;
      overflow: hidden;
      overflow-y: scroll;
      height: calc(100% - 80px);
      -webkit-overflow-scrolling: touch;
    }
  }

  table {
    thead {
      display: block;
      padding-left: 10px;
      margin-bottom: 10px;
      color: $primary-text-color;
      font-size: 16px;
      font-weight: 600;
    }

    tr {
      font-size: 12px;
    }

    td {
      padding: 0 10px 8px;
    }

    kbd {
      display: inline-block;
      padding: 2px 8px;
      background-color: lighten($ui-base-color, 8%);
      border: 1px solid darken($ui-base-color, 4%);
      border-radius: 4px;
    }
  }
}
