#update-available {
  position: relative;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
  justify-content: left;
  padding-left: var(--spacing);
  border-bottom: 1px solid var(--box-border-color);

  height: 0px;
  transition: height 0.25s;


  &.active {
    height: 30px;
  }

  .icon {
    margin-right: var(--spacing);
  }

  .close {
      position: absolute;
      right: var(--spacing);
      border: 0;
      height: 16px;
      width: 16px;
      margin: 0;
      padding: 0;
      background: transparent;

      color: var(--text-secondary-color);

      &:hover {
        color: var(--text-color);
      }

      &:focus {
        outline: 0;
      }
  }
}

#update-available {
  position: relative;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
  justify-content: left;
  padding-left: var(--spacing);
  border-bottom: var(--base-border);

  height: 0px;
  transition: height 0.25s;


  &.active {
    height: 30px;
  }

  .icon {
    margin-right: var(--spacing);
  }

  .close {
      position: absolute;
      right: var(--spacing);
      border: 0;
      height: 16px;
      width: 16px;
      margin: 0;
      padding: 0;
      background: transparent;

      color: var(--text-secondary-color);

      &:hover {
        color: var(--text-color);
      }

      &:focus {
        outline: 0;
      }
  }
}

Simplify style by using a pre-built one
Simplify style by using a pre-built one
