JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <svg class="main" xmlns="http://www.w3.org/2000/svg">
    <g>
      <rect x="20" y="20" height="250" width="400" style="fill:#006600"/>       
    </g>
  </svg>
</div>

CSS

.wrapper {
    width: 200px;
    height: 100px;
    overflow: scroll;
}

.main {
    width: 400px; 
    height: 250px;
    margin-right: 20px;
}