Chromium bug ?

[alexjidras]

I am using a simple ripple for this non material button, but i noticed a weird empty space between the button border and the ripple if zoom in closely:

Button border - gray; ripple - pink.
Is it a Chromium bug?
If no then will it be fixed and what should we do till then? Setting a border-radius of container (button in this case) border-radius - 1 on ripple '.surface' element fixes the issue but i'm not sure is this a safe solution. Also removing border from elements that have ripple and using outline css property on ripple instead of border on container is also a solution but it requires a lot of changes in my codebase and looks weird and unintuitive.