.home-software {
  position: relative;

  .software-link {
    img {
      transform: rotate(-90deg);
      height: 16px;
      width: auto;
      vertical-align: middle;
    }
    &:focus-visible {
      outline: 1px solid $core-focused-outline;
    }
  }
  .data-table__wrapper {
    overflow-x: auto;
  }
  .form-field--dropdown {
    margin: 0;
  }
  .tab-nav .table-container__header {
    display: none;
  }
  &__empty-software {
    margin: $pad-large auto 0;

    h1 {
      font-size: $small;
      font-weight: $bold;
      margin-bottom: $pad-medium;
    }

    p {
      color: $core-fleet-black;
      font-weight: $regular;
      font-size: $x-small;
      margin: 0;
    }
  }

  .data-table-block {
    .data-table__table {
      table-layout: auto;
      width: 100%;

      thead {
        .name__header {
          width: 50%;
        }
        .version__header {
          width: 30%;
          padding-right: 0;
        }
        .hosts_count__header {
          padding-right: 0;
          width: auto;
        }
        .id__header {
          padding: 0;
          border-left: 0;
          width: 40px;
        }
      }

      tbody {
        .name__cell {
          width: 50%;
        }

        .version__cell {
          width: 30%;
        }

        .hosts_count__cell {
          width: auto; // Never truncates hosts count
        }

        .id__cell {
          padding: 0;
          width: 40px;
          display: flex;
          align-items: center;
        }
        .vulnerabilities__cell {
          img {
            transform: scale(0.5);
          }
        }
      }
    }
  }
  .count-loading {
    color: $ui-fleet-black-50;
  }
  .count-error {
    color: $ui-error;
  }
}
