Как я могу сделать мои границы без SVG Rect?

Question

Пожалуйста, помогите мне с моим вопросом, почему мои границы тоньше сверху и слева?

.box {
  position: relative;
  padding: 30px;
}
svg {
  position: absolute;
  top: 4px;
  left: 4px;
  height: 100%;
  width: 100%;
}
rect {
  fill: none;
  stroke: #0066a0;
  stroke-width: 5;
  stroke-dasharray: 8, 8;
}

<div class="box">
    <svg>
      <rect width="95%" height="95%" rx="15" ry="15"/>
    </svg>
    Some Content
</div>

Как я могу сделать мою рамку истинной ширины?