Button-full or button-block behavior in a subheader

I am using a subheader in my tabbed application. I’d like to place a full/stretched button in the subheader area. When I use a button-full or button-block class the button position goes below the subheader. If I omit those attributes (i.e. regular button) it shows properly. Here is a code pen to demonstrate: CodePen.

Any Idea how I can have a full/stretched button in the subheader without the layout over spill?

Please share html code