.application-navigation {
  @include clearfix;
}

.application-logo {
  padding-top: 3rem;
  text-align: center;
}

.application-logo-image {
  background: asset-data-url("logo.svg");
  width: 200px;
  height: 56px;
  margin: 0 auto;
  display: block;
}

.application-navigation-list {
  float: right;
}

.application-navigation-list-item {
  float: left;

  a {
    background-color: darken($base-background-color, 10%);
    color: $lightest-font-color;
    display: block;
    padding: $small-spacing $base-spacing;

    &:hover {
      color: $base-font-color;
      background-color: darken($base-background-color, 15%);
    }
  }
}

.user-profile-image {
  line-height: 1;
  max-height: 3rem;
}

.application-navigation {
  @include clearfix;
}

.application-logo {
  padding-top: 3rem;
  text-align: center;
}

.application-logo-image {
  background: asset-data-url("logo.svg");
  background-repeat: no-repeat;
  width: 200px;
  height: 56px;
  margin: 0 auto;
  display: block;
}

.application-navigation-list {
  float: right;
}

.application-navigation-list-item {
  float: left;

  a {
    background-color: darken($base-background-color, 10%);
    color: $lightest-font-color;
    display: block;
    padding: $small-spacing $base-spacing;

    &:hover {
      color: $base-font-color;
      background-color: darken($base-background-color, 15%);
    }
  }
}

.user-profile-image {
  line-height: 1;
  max-height: 3rem;
}

Fix issue where edge of image sometimes shows up
Fix issue where edge of image sometimes shows up