message: Tweaked few things added explanation
diff: @@ -60,17 +60,21 @@ $commonBg: #366f42;
  // The overlay image for masterworks and Deepsight weapons
  .backgroundOverlay {
  + // -0.4px to force browser round down
  + // It it rounds up that leaves 1px gap between the image and the border
  + $new-border-width: $item-border-width - 0.4px;
  +
  box-sizing: border-box;
  - top: $item-border-width - 0.4px;
  - left: $item-border-width - 0.4px;
  + top: $new-border-width;
  + left: $new-border-width;
  border-width: 0;
  - height: calc(var(--item-size) - #{2 * ($item-border-width - 0.4px)});
  - width: calc(var(--item-size) - #{2 * ($item-border-width - 0.4px)});
  + height: calc(var(--item-size) - #{2 * $new-border-width});
  + width: calc(var(--item-size) - #{2 * $new-border-width});
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  - background-size: calc((var(--item-size) - #{2 * $item-border-width}) * (96 / 90))
  - calc((var(--item-size) - #{2 * $item-border-width}) * (96 / 90));
  + background-size: calc((var(--item-size) - #{2 * $new-border-width}) * (96 / 90))
  + calc((var(--item-size) - #{2 * $new-border-width}) * (96 / 90));
  }
  .legendaryMasterwork {
  background-image: url('../../images/masterwork.png');
  