How to expand Table Row border

currently I have borders around all my rows. I’m looking to style the borders so they grow past the table on the left and right by a couple pixels. At the moment they all remain within the table

I hard coded the border with the following styles

--outline-box-shadow-color: ${colorTheme.primary.base};
&:focus  {
    box-shadow: 0 0 0 2pt var(--outline-offset-box-shadow-color), 0 0 0.75pt 3.5pt var(--outline-box-shadow-color);
}   

https://jsfiddle.net/o0tev173/

Looking to have it extend a bit out like this on both left and right.

Any tips or suggestions is greatly appreciated.