space tourism challenge solution created with React & styled component

Hello guys :) I'm using react-router to change routes and render different pages based on that. The active route gets an underline to indicate that it's active. And every page has some tabs inside itself to show different content. So here is the problem. When I switch between tabs inside a page, the underline goes away. And when I switch back to the first tab, it comes back. How can I fix it? I'd appreciate it if you could help me with it. P.S: I'm using NavLink to give the active class to routes and tabs.