JSFiddle - React, Tailwind, and code Playground

HTML

<div class='div-for-svg'>
    <svg id='blue-border-svg'></svg>
    <svg id='green-border-svg'></svg>
</div>

CSS

.div-for-svg {
    margin: 10px;
    padding: 10px;
    border: 2px dotted red;
    height: 200px;
    width: 200px;
    background-color: yellow;
}
#blue-border-svg {
    border: 2px solid blue;
    margin: 0px;
    padding: 0px;
}
#green-border-svg {
    border: 2px solid green;
    margin: 0px;
    padding: 0px;
}
svg {
    display:block;
}