svg rendered with square behind when bootstrap is imported

Issue

I am using reactJS + bootstrap.

Since I imported bootstrap, squares appeared behind my svg...

does anybody know what are these ? and how can I disable them ? I think I need to override a bootstrap property but don't know which one.

Solution

Looks like svg's are wrapped in element. Try removing borders on buttons

button{
  border:none;
}

Answered By - Ercan Güven