I have used Modals component from Bootstrap Vue for 2 different tabs. Each tab is entirely different from one another . First tab is working perfectly but I am facing issues with second one. For the second one when I click close b-model should be visible , b-model component is displaying as shown but its collapsing with 1st b-model like this.

The first one is which I want , and the back of it its showing another b-model which I created for 1 st tab. I checked the code but I dont know whats happening. Anyone help me to solve this issue.