.bar {
  background: $bg;

  .workspaces {
    margin: $inner-gap $outer-gap;

    .workspace {
      margin: $inner-gap;
      border-radius: $inner-radius;
      min-width: $font-size + $outer-gap;
      min-height: $font-size + $outer-gap;
      font-weight: bold;
    }
  }

  .right {
    margin: $inner-gap $outer-gap;

    .wifi,
    .audio,
    .battery,
    .tray {
      margin: $inner-gap $outer-gap;
      margin-right: 0px;
      background: $surface-bg;
      border-radius: $inner-radius;
      padding: 0px $outer-gap;

      icon {
        margin-right: $inner-gap;
      }

    }

    .tray {
      padding-right: 0;

      icon {
        margin-right: $outer-gap;
      }

      .menubtn:hover {
        background: transparent;
      }
    }
  }
}