.learning-material-uploader {
  .upload-button {
    background: $background-grey;
    border: 1px solid $black;
    border-radius: $base-border-radius;
    color: $text-grey;
    cursor: pointer;
    font-size: 1rem;
    padding: .1em 1em;
    &:hover {
      background-color: $dark-grey;
      color: $white;
    }
  }

  .upload-result {
    margin-left: 1rem;
  }
}

.learning-material-uploader {
  .upload-button {
    background: $background-grey;
    border: 1px solid $black;
    border-radius: $base-border-radius;
    color: $text-grey;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: .3em 1em;
    &:hover {
      background-color: $dark-grey;
      color: $white;
    }
  }

  .upload-result {
    margin-left: 1rem;
  }
}

Fix file upload button display
Fix file upload button display

Added padding to make it look like other buttons.

The label was squished into the button because the button isn't real,
it's a span.
