I have this (rather ugly) styling for Angular Material Tab component.
https://stackblitz.com/edit/angular-aciwzg?file=src/styles.scss
I want the selected active tab to have no border-bottom.
This isn't immediately obvious due to the border belonging to the Tab's Body(.mat-tab-body-wrapper) not the Tab itself.
I think I need to extend the height of the tab content to hide the bottom border.
What I want:
Is anyone able fork my stackblitz and achieve this using CSS only?